Reading list Switch to dark mode

    Magento2 Accordion FAQ

    Magento2 (Adobe Commerce)Accordion FAQ is an awesome module. This module adds an easy way to use the FAQ Section to your Magento store with JQuery-powered animation.

    In this module, the admin can add and update FAQs. Admin can also create an FAQ group and show the group on specific pages. On the frontend, you have an animated FAQ section for your store.

    Check how the accordion looks at the storefront –

    dUamlGY9Z_Y

    Features

    • Admin can enable/disable the module
    • You can add any number of FAQs.
    • Animated FAQ.
    • Editor for adding FAQ.
    • You can create an FAQ group.
    • Different groups can be published on different pages.
    • Multiple groups can be published on one page.

    Installation

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    Installation Of Magento2 Accordion FAQ

    Searching for an experienced
    Magento 2 Company ?
    Read More

    After the successful installation, you have to run these commands in the Magento2 root directory.

    First command –

    php bin/magento setup:upgrade

    Second Command –

    php bin/magento setup:di:compile

    Third Command –

    php bin/magento setup:static-content:deploy

    After running the commands, you have to flush the cache from the Magento (Adobe Commerce Cloud) admin panel by navigating through->System->Cache management as shown below.

    Installation Of Magento2 Accordion FAQ

    Multi-Lingual Configuration

    For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.change language-magento 2 locale

    Language Translation

    If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/AccordionFaq/i18n.
    Open the file named en_US.CSV for editing as shown in the below screenshot.

    Magento2 Change CSV language file

    Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

    Magento2 Change Language

    After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

    Magento2 Change CSV Language file

    Admin Permissions

    Initially, the admin will enable the module from the backend. For this, the admin will navigate to Stores > Configurations > Webkul AccordionFaq. Further, set the Enable field to Yes. 

    config-3

    Adding Accordion FAQ – Admin

    After installation of the module, the admin can see ‘Webkul Accordion FAQ’ option in the main menu. From here admin can select the option to manage FAQ and to manage FAQ groups.

    webkul_accorianFAQ

    Manage FAQ

    Now admin can add or edit FAQ by clicking on the Manage FAQ button. From this page, the admin can add a new FAQ or edit the existing one.

    manage_faq

    After clicking on Add FAQ button the admin can add a new FAQ as shown below in the snapshot.

    new_faq

    Admin can navigate to Webkul Accordion FAQ-> Manage FAQ Group from the main menu to create a new group. From here admin can create a new group and edit the existing one.

    manage_faq_group

    Edit FAQ Group

    On clicking the edit FAQ Group admin can edit the group details accordingly.

    Edit-FAQ-Group

    After the admin has entered the group details admin can select FAQs for the group by clicking on FAQ tab like this.

    edit_faq_group_faq

    Now admin can set FAQ group on any specific page. To create a page navigate to Content->Pages from the main menu.

    pages

    Add New Page

    Now admin can click on ‘Add New Page‘ and enter the details like this.

    Accordion-Page

    Now admin needs to add content to show the FAQ group on the page. For this admin need to enter this code:

    {{block class="Webkul\AccordionFaq\Block\AccordionFaq\AccordionFaq" group_code="(Groupcode)"template="Webkul_AccordionFaq::Accordionfaq.phtml"}}

    This code should be entered in the content text area like this.

    faq13

    Note: In the case of block call at CMS page, You will have to write (“) in HTML otherwise, if you simply copy these codes on WYSIWYG editor then it will convert the double quote into some ASCII code and you will unable to call block on CMS page.

    Admin can add more than one group on the same page. After that admin can save the page and Accordion FAQ will be visible on the page on which it is saved.

    Frontend of Magento2(Adobe Commerce) Accordion FAQ

    After saving the page the Accordion FAQ will be visible on the website like this.

     Magento2 Accordion FAQ

    That’s all for the Magento2(Adobe Commerce Cloud) Accordion FAQ module still, have any issues feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/

    Current Product Version - 4.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    . . .
    Add a comment

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    2 comments

  • Yuraymar (Jay) Stewart
    I get an error in front-end on the page: Error filtering template: Invalid block type: ”WebkulAccordionFaqBlockAccordionFaqAccordionFaq”
    • webkul
      HI There, Thanks for the contact. Please email at [email protected]. Thanks
  • Back to Top
    We endeavoured to re-platform our existing site and Webkul has been playing an integral part as far as transforming our basic Magneto instance into an online marketplace.
    Alex Maranduik
    Director, Marketing
    www.labx.com
    Talk to Sales

    Global

    Live Chat

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content