{"id":55284,"date":"2016-07-25T11:51:27","date_gmt":"2016-07-25T11:51:27","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=55284"},"modified":"2024-08-29T13:34:03","modified_gmt":"2024-08-29T13:34:03","slug":"magento2-accordion-faq","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/","title":{"rendered":"User Guide of Adobe Commerce FAQ Extension"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/magento2-faq-extension.html\" target=\"_blank\" rel=\"noopener\">Magento 2 FAQ Extension<\/a> adds an easy way to use the FAQ Section to your Magento store with JQuery-powered animation.<\/p>\n<p>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.<\/p>\n<p>Check how the accordion looks at the storefront &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"dUamlGY9Z_Y\">\n<div class=\"components-placeholder__instructions\">dUamlGY9Z_Y<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Magento 2 FAQ &#8211; Features<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<ul>\n<li>Admin can enable\/disable the module<\/li>\n<li>You can add any number of FAQs.<\/li>\n<li>Animated FAQ.<\/li>\n<li>Editor for adding FAQ.<\/li>\n<li>You can create an FAQ group.<\/li>\n<li>Different groups can be published on different pages.<\/li>\n<li>Multiple groups can be published on one page.<\/li>\n<li>The extension is compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noopener\">Hyva Theme<\/a>.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Installation<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>Customers will get a <strong>zip folder<\/strong> and they have to extract the contents of this zip folder on their system.<\/p>\n<p>The extracted folder has an\u00a0<strong>src<\/strong> folder, inside the src folder you have the\u00a0<strong>app\u00a0<\/strong>folder.\u00a0You need to transfer this <strong>app<\/strong> folder\u00a0into the Magento2 root directory on the server as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\"><img decoding=\"async\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" alt=\"Installation Of Magento2 Accordion FAQ\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the successful installation, you have to run these commands in the\u00a0Magento2 root directory.<\/p>\n<p><strong>First command &#8211;<\/strong><\/p>\n<pre>php bin\/magento setup:upgrade<\/pre>\n<p><strong>Second Command &#8211;<\/strong><\/p>\n<pre class=\"\">php bin\/magento setup:di:compile<\/pre>\n<p><strong>Third Command &#8211;<\/strong><\/p>\n<pre>php bin\/magento setup:static-content:deploy<\/pre>\n<p>After running the commands, you have to flush the cache from the Magento (Adobe Commerce) admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong> as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Magento2 Accordion FAQ\" width=\"800\" height=\"548\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Multi-Lingual Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For Multilingual support, please navigate to <strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the <strong>Locale <\/strong>option.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-88033\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png\" alt=\"change language-magento 2 locale\" width=\"800\" height=\"636\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Language Translation<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>If you need to do the <a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Extensions<\/a> translation, please navigate to the following path in your system <strong>app\/code\/Webkul\/AccordionFaq\/i18n<\/strong>.<\/p>\n<p>Open the file named <strong>en_US.CSV <\/strong>for editing as shown in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Magento2 Change CSV language file\" width=\"800\" height=\"400\" loading=\"lazy\" \/><\/p>\n<p>Once you have opened the file for editing. Replace the words after the<strong>\u2020comma(,)<\/strong>\u2020on the right with your translated words.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/33-2.png\" alt=\"Magento2 Change Language\" width=\"800\" height=\"316\" loading=\"lazy\" \/><\/p>\n<p>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 &#8211;<strong> de_DE.CSV<\/strong>.<\/p>\n<p>Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Magento2 Change CSV Language file\" width=\"800\" height=\"399\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Admin Permissions<\/h3>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<p>Initially, the admin will enable the module from the backend. For this, the admin will navigate to <strong>Stores &gt; Configurations &gt; Webkul AccordionFaq.<\/strong> Further, set the <strong>Enable<\/strong> field to <strong>Yes.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278674\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/config-3.png\" alt=\"config-3\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/config-3.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/config-3-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/config-3-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/config-3-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<h3 class=\"panel-title\">Adding Accordion FAQ &#8211; Admin<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>After installation of the module, the admin can see &#8216;Webkul Accordion FAQ&#8217; option in the main menu. From here admin can select the option to manage FAQ and to manage FAQ groups.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/webkul_accorianFAQ.png\" alt=\"webkul_accorianFAQ\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/webkul_accorianFAQ.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/webkul_accorianFAQ-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/webkul_accorianFAQ-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/webkul_accorianFAQ-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<h4>Manage FAQ<\/h4>\n<p>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.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278677\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq.png\" alt=\"manage_faq\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<p>After clicking on <strong>Add FAQ<\/strong> button the admin can add a new FAQ as shown below in the snapshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278679\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/new_faq.png\" alt=\"new_faq\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/new_faq.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/new_faq-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/new_faq-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/new_faq-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<p>Admin can\u00a0navigate\u00a0to\u00a0<strong>Webkul Accordion FAQ-&gt; Manage FAQ Group<\/strong>\u00a0from the main menu to create a\u00a0new group. From here admin can create a new group and edit the existing one.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278680\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq_group.png\" alt=\"manage_faq_group\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq_group.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq_group-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq_group-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/manage_faq_group-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<h4>Edit FAQ Group<\/h4>\n<p>On clicking the edit FAQ Group admin can edit the group details accordingly.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278681\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Edit-FAQ-Group.png\" alt=\"Edit-FAQ-Group\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Edit-FAQ-Group.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Edit-FAQ-Group-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Edit-FAQ-Group-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Edit-FAQ-Group-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<p>After the\u00a0admin has entered the group details admin can select FAQs for the group by clicking on FAQ tab like this.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278682\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/edit_faq_group_faq.png\" alt=\"edit_faq_group_faq\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/edit_faq_group_faq.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/edit_faq_group_faq-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/edit_faq_group_faq-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/edit_faq_group_faq-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<p>Now admin can set <strong>FAQ group<\/strong> on any\u00a0specific page. To create a page navigate to\u00a0<strong>Content-&gt;Pages<\/strong> from the main menu.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278683\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/pages.png\" alt=\"pages\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/pages.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/pages-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/pages-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/pages-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<h4>Add New Page<\/h4>\n<p>Now admin can click on &#8216;<strong>Add New Page<\/strong>&#8216; and enter the details like this.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-278684\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-Page.png\" alt=\"Accordion-Page\" width=\"1200\" height=\"700\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-Page.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-Page-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-Page-250x146.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-Page-768x448.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/p>\n<p>Now admin needs to add content to show the FAQ group on the page. For this admin need to enter this code:<\/p>\n<\/div>\n<\/div>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"default\" data-enlighter-title=\"\">{{block class=&quot;Webkul\\AccordionFaq\\Block\\AccordionFaq\\AccordionFaq&quot; group_code=&quot;(Groupcode)&quot;template=&quot;Webkul_AccordionFaq::Accordionfaq.phtml&quot;}}<\/pre>\n<p>This code should be entered in the content text area like this.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq13.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-55576\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq13.png\" alt=\"faq13\" width=\"800\" height=\"82\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq13-250x25.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq13-300x30.png 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<div>\n<p><strong>Note:<\/strong> In the case of block call at CMS page, You will have to write (\u201c) in HTML.<\/p>\n<p>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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>Admin can add more than one group on the\u00a0same page. After that admin can save the page and Accordion FAQ will be visible on the page on which it is saved.<\/p>\n<h2>Add FAQ on the Product Page<\/h2>\n<p>The admin has the ability to add FAQs on the product page. While creating the product, the admin will encounter a dedicated <strong>&#8220;FAQs&#8221;<\/strong> section.<\/p>\n<p>In this section, they will be prompted to choose a FAQ group from a dropdown menu, determining which set of FAQs they wish to display.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-394712\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36.png\" alt=\"Screenshot-from-2023-08-07-18-45-36\" width=\"1420\" height=\"797\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36.png 1420w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36-300x168.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36-1200x674.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36-250x140.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-45-36-768x431.png 768w\" sizes=\"(max-width: 1420px) 100vw, 1420px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Frontend of Magento2(Adobe Commerce) Accordion FAQ<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>After saving the page the Accordion FAQ will be visible on the website like this.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq9.png\"><img decoding=\"async\" class=\"alignnone wp-image-55372 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/faq9.png\" alt=\" Magento2 Accordion FAQ\" width=\"800\" height=\"802\" loading=\"lazy\" \/><\/a><\/p>\n<h3>FAQ on Product Page<\/h3>\n<p>Following the selection of FAQs during the product creation process, customers are now able to conveniently access and review product-related frequently asked questions directly on the product page.<\/p>\n<\/div>\n<\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-394716\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28.png\" alt=\"Screenshot-from-2023-08-07-18-48-28\" width=\"1326\" height=\"747\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28.png 1326w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28-1200x676.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Screenshot-from-2023-08-07-18-48-28-768x433.png 768w\" sizes=\"(max-width: 1326px) 100vw, 1326px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-body\">\n<p>That\u2019s all for the<b> Magento 2 (Adobe Commerce) Accordion FAQ<\/b> module still, have any issues feel free to add a ticket and let us know your views to make the module better\u00a0<a title=\"magento marketplace\" href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/webkul.uvdesk.com\/<\/a>. You may also check our quality <a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noopener\"><strong>Adobe Commerce Extensions<\/strong><\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 FAQ Extension 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 <a href=\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":101,"featured_media":55980,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,3286],"tags":[],"class_list":["post-55284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","category-magento2-1"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide of Adobe Commerce FAQ Extension<\/title>\n<meta name=\"description\" content=\"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide of Adobe Commerce FAQ Extension\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-25T11:51:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-29T13:34:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rajat Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rajat Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\"},\"author\":{\"name\":\"Rajat Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/6423f32ef4680c56420f690dc1e1121a\"},\"headline\":\"User Guide of Adobe Commerce FAQ Extension\",\"datePublished\":\"2016-07-25T11:51:27+00:00\",\"dateModified\":\"2024-08-29T13:34:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\"},\"wordCount\":868,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png\",\"articleSection\":[\"Magento2\",\"Magento2.1\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\",\"name\":\"User Guide of Adobe Commerce FAQ Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png\",\"datePublished\":\"2016-07-25T11:51:27+00:00\",\"dateModified\":\"2024-08-29T13:34:03+00:00\",\"description\":\"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png\",\"width\":825,\"height\":260,\"caption\":\"Accordion-FAQ\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide of Adobe Commerce FAQ Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/6423f32ef4680c56420f690dc1e1121a\",\"name\":\"Rajat Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/03d858f355bb996086b8608e9dc1fe35fe7bebb2d4b3ac713fd045120242c772?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/03d858f355bb996086b8608e9dc1fe35fe7bebb2d4b3ac713fd045120242c772?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rajat Singh\"},\"description\":\"Rajat excels in optimizing e-commerce strategies and implementing effective solutions on the Opensource eCommerce platforms. Specializing in business analysis, Rajat drives growth and seamless integration for enhanced performance.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/rajat-singh52\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide of Adobe Commerce FAQ Extension","description":"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/","og_locale":"en_US","og_type":"article","og_title":"User Guide of Adobe Commerce FAQ Extension","og_description":"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation","og_url":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-07-25T11:51:27+00:00","article_modified_time":"2024-08-29T13:34:03+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png","type":"image\/png"}],"author":"Rajat Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rajat Singh","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/"},"author":{"name":"Rajat Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/6423f32ef4680c56420f690dc1e1121a"},"headline":"User Guide of Adobe Commerce FAQ Extension","datePublished":"2016-07-25T11:51:27+00:00","dateModified":"2024-08-29T13:34:03+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/"},"wordCount":868,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png","articleSection":["Magento2","Magento2.1"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/","url":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/","name":"User Guide of Adobe Commerce FAQ Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png","datePublished":"2016-07-25T11:51:27+00:00","dateModified":"2024-08-29T13:34:03+00:00","description":"Magento 2 Accordion FAQ module adds an easy to use FAQ Section to your Magento store with jQuery powered animation","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-accordion-faq\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Accordion-FAQ.png","width":825,"height":260,"caption":"Accordion-FAQ"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-accordion-faq\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide of Adobe Commerce FAQ Extension"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/6423f32ef4680c56420f690dc1e1121a","name":"Rajat Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/03d858f355bb996086b8608e9dc1fe35fe7bebb2d4b3ac713fd045120242c772?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/03d858f355bb996086b8608e9dc1fe35fe7bebb2d4b3ac713fd045120242c772?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rajat Singh"},"description":"Rajat excels in optimizing e-commerce strategies and implementing effective solutions on the Opensource eCommerce platforms. Specializing in business analysis, Rajat drives growth and seamless integration for enhanced performance.","url":"https:\/\/webkul.com\/blog\/author\/rajat-singh52\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/55284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=55284"}],"version-history":[{"count":59,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/55284\/revisions"}],"predecessor-version":[{"id":459703,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/55284\/revisions\/459703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/55980"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=55284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=55284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=55284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}