XPlainer – WooCommerce Product FAQ [WooCommerce Accordion FAQ Plugin

Contributors: optemiz, nayanchamp7, mriajur
Tags: accordion, faq, faqs, woocommerce faqs, product faq, accordian faq, question and answer, faqs sorting, accordian plugin, accordions ,vertical accordion, faq, faq widget, accordion widget, accordion menu, wordpress faq plugin, easy accordion , premium accordion, bootstrap accordion, horizontal accordion, responsive accordion, accordion jquery, css3 accordion, accordion shortcode, collapsible content, toggle, toggle accordion, wordpress accordion plugin, wordpress accordion, bootstrap collapse, post accordion, post faq ,custom post accordion ,accordion grid, accordion bar, woocommerce product accordion, woocommerce accordion, wordpress post accordion, content hide, hidden content, expand content, FAQs list, Gutenberg FAQs, FAQ block, accordion FAQs, toggle FAQs, filtered FAQs, grouped FAQs, FAQs order, woocommerce, product tabs, repeatable, duplicate, customize, custom, tabs, product, woo, commerce, Q&A, pre sale, product enquiry, ecommerce, e-commerce, questions, answers, QnA, product tab
Requires at least: 3.6
Tested Up To: 6.1
Requires PHP: 5.6
Stable tag: 1.4.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Ultimate FAQ and accordion plugin create Woocommerce faq lists with comment & FAQ schema support, responsive, full customization & shortcode support.


XPlainer is a feature-packed, flexible, and robust product FAQ plugin for WooCommerce. It might be your best shot if you want to increase sales by answering your customer’s most commonly asked questionnaires smartly.

The main purpose of this FAQ plugin for WooCommerce is to generate product FAQs and display those in an eye-pleasing way. While displaying the product FAQ list, you get multiple templates with relative designs. Right now, there are 4 templates, and more are cooking up.
The product FAQ generated by XPlainer templates is compatible with any theme. So, no more worries about plugin or theme compatibility if you choose XPlainer – the WooCommerce Product FAQ WordPress plugin.
This advanced WooCommerce Question Answer plugin can skyrocket your sales and increase your business’s online visibility. Indeed, a tool that should not be missed for any product site. This WordPress Accordion Plugin makes sure to enhance more productive support for your eCommerce store. You can use this plugin to showcase your product information, aka the customer knowledge base, without using any Advanced FAQ Manager. So, utilize the XPlainer – WooCommerce Product FAQ plugin to generate FAQs quickly.


Install the plugin and go to the settings page by navigating XPlainer > Settings. To add FAQ questions and answers, go to XPlainer > Add New. There the post title will be the question, and the description will be the answer.
After adding the questions and answers, go to any product edit page, and you will find the FAQs there. Scroll down directly to the Product data tab and choose FAQs from the left sidebar. Simply choose your previously generated FAQs from the dropdown or add questions by using the Quick Add button.
That’s it!


Check the video below to understand the ins and outs of XPlainer -the best WordPress FAQ plugin. By the way, this tutorial is based on the 1.3.0 version. We already added a lot more features after that. So, install the latest version and grow your eCommerce business by utilizing the newly added features.
[youtube https://www.youtube.com/watch?v
Now, let’s get into the freshly baked features of the XPlainer – WooCommerce Product FAQ plugin.


Here’s a glimpse of the top features of this ultimate FAQ plugin for WooCommerce:
Unlimited FAQs
Individual product FAQ
FAQ Post support
Product FAQ comment
Schema support
Sorting FAQs
Shortcode support
Custom style support
Fully responsive
FAQ block support
Media/Image support in FAQ answer
Adding content before and after the FAQ list
HTML content – write answers in HTML
Multiple Layout – standard templates for front view
WP Editor for HTML markup, supports WYSIWYG editor
WooCommerce compatible style for product information tab
FAQ layout preview in setting page
FAQ tab reorder setting
Show/hide FAQ answers on page load
Option of Expand/Collapse All FAQs
Let’s explain these features one by one.


The XPlainer WooCommerce Product FAQ plugin allows you to add unlimited FAQs to your eCommerce store. It doesn’t matter how many products you have in your online store, this WooCommerce FAQ plugin got you covered. You can even add global FAQs for your products.
Simply add the FAQs by navigating to XPlainer > Add New. These FAQs will become available on every product page. All you have to do is just select the appropriate FAQs that you want to add to your product page.
So, no more hesitation when you are solving the quest of your potential customers. Remember, the sky is your customization limit when you use this XPlainer FAQ manager for your FAQ needs.


Every product is special. So, it’s very common for customers to have specific questions about specific products. As an owner, it’s your sole duty to convert those product visitors into probable buyers by answering their custom questions.
That’s why this FAQ accordion plugin offers a Quick Add button on every product page. It allows you to add customized FAQ questions and answers which are applicable to specific products. Answer those questions smartly and acquire more customers.


The XPlainer WooCommerce Product FAQ plugin isn’t just another mere FAQ plugin. Besides adding the specific product FAQs, you can also create FAQ posts, aka a WordPress FAQ page with a unique permalink.
Having dedicated FAQ posts comes with multiple benefits. For example, you can add, delete, or modify the questions or answers from a single page. By the way, if you update the information from the FAQ post, it will update the FAQ throughout the whole website.


To enable comment support, please go through “XPlainer > Settings > Comment” and select enable. The comments and comment forms are fully customizable. Besides, you can also update the comment font, color, design, button styling, etc.
Customers or visitors can submit their comments to every product FAQ. After that, Admin can either approve or delete comments. The approved comments will be displayed on the front. This commenting feature helps you get customer feedback on your WooCommerce products and the product FAQs.
Upgrade to PRO | Documentation | Support


Increasing search engine visibility is one of the best ways to grow your business. The better ranking you have, the more traffic you will get from the search engines. If you want to rank your product page, then you must use the FAQ schema.
You can enable FAQ schema by navigating XPlainer > Settings > Schema. By default, FAQ schema is enabled in this WooCommerce product FAQ plugin. It is recommended to keep it enabled to amplify your product page SEO.


The XPlainer WooCommerce FAQ plugin works in a more advanced way than the other FAQ accordion plugins. This FAQ sorting feature might be a great example to support this statement.
XPlainer allows the users to sort the FAQs under different parameters like ‘order’ and ‘order_by’. You can also implement this sorting feature by using shortcodes. Check the following feature to learn about using the shortcode feature.


A smart representation of WooCommerce product FAQs impacts sales directly. That’s why you must display the product FAQs wherever needed. That’s why this WordPress FAQ plugin comes with the shortcode feature.
ℹ️ You can display all FAQs for a random product having FAQs with the default template:


ℹ️ To display all FAQs for a specific product, use the following shortcode:

[ffw_template id

💡 Here, 20 is the product id. Replace it with your desired product id.
ℹ️ To display FAQs for specific FAQ categories, use the following shortcode:

[ffw_template cat_ids
“32, 33”]

💡 If the cat_ids exist, then the product id will be ignored. Here 32 & 33 are FAQ categories id. Please use the comma separator while inputting the data.
If you want to sort the product FAQs using shortcodes, you can do it by using ‘order’ and ‘order_by’ parameters.
The supported values for ‘order’ (Default Value: ‘ASC’)
– ‘DESC’, ‘ASC’
The supported values for ‘order_by’ (Default Value: ‘ID’)
– ‘ID’, ‘date’, ‘title’, ‘name’, ‘date’, ‘modified’, ‘comment_count’, ‘author’.
ℹ️ Use the shortcode below to display FAQs for a current product id (for the single product page):

[ffw_template dynamic_post true]

💡 This shortcode is appropriate for single product pages.
ℹ️ Use the following shortcode to display all FAQs for a specific product with a specific template by this easy accordion FAQ plugin.

[ffw_template template id=20]

💡 Use the following template ids to show FAQs
For Classic Template – 1
For Whitish Template – 2
For Trip Template – 3
For Pop Template – 4


To design the product FAQs even better, the XPlainer WooCommerce FAQ plugin comes with custom styling support. By implementing this feature, you can control lots of parameters. Here is the list of those –
FAQ wrapper width
Question text color
Question background color
Question background Secondary color (applicable for pop layout)
Question border color
Question font size
Answer text color
Answer background color
Answer border color &
Custom CSS
💡 The custom CSS is the most prioritized CSS. Adding custom CSS will override the default styling.


Like the FAQ schema, the responsiveness of a website doesn’t affect only the website’s ranking on the search engines. Besides that, it improves the user experience too. Fortunately, this XPlainer FAQ accordion plugin is compatible with almost all third-party themes.
Hence, this FAQ WordPress plugin can display the questions and answers on every product page by maintaining responsiveness. So, no more worrying about presenting the product information on multiple devices. XPlainer FAQ plugin will maintain your website’s responsiveness on every page.

🏗 FAQ BLOCK SUPPORT (for Gutenberg)

The XPlainer WooCommerce Product FAQ plugin comes with a FAQ block. It makes the FAQ insertion easier than ever. Now you can use the FAQs wherever you want by using this block.


A picture is worth a thousand words. While answering the questions, you might need to use some images or videos to explain the answer better. To help you in this situation, XPlainer allows the insertion of digital media in the answers.
It not only helps to answer the questions better but also answers them more appropriately. You can insert every media file that is supported by WordPress.


The XPlainer FAQ plugin doesn’t only add FAQ questions and answers. Besides that, you can also add a heading and footer within the FAQ wrapper. You can update these contents by navigating to XPlainer > Settings page. Then select the General tab and scroll down. The WYSIWYG text editor for adding content before and after the FAQs is at the bottom of the General tab.
Both the Before FAQ and After FAQ has the WYSIWYG HTML editor. So, you can use heading, normal texts, or media files as the header or footer on the FAQ tab. Once you change these contents, those will be automatically applied to all product pages.


XPlainer not only supports the WYSIWYG editor for answering the questions and answers. Moreover, you can write your answers in HTML. As it supports the WP editor, so you can write your answers in both plain text and HTML. It gives the freedom to present the customer’s queries smartly and professionally.


This WooCommerce Product FAQ has four built-in templates to choose from. These are –
Classic Template
Whitish Template
Trip Template
Pop Template
We are planning to add more website FAQ templates within a very short time.


The XPlainer Product FAQ plugin is totally compatible with WooCommerce. From the coding standard to optimization and designing, XPlainer blends with WooCommerce perfectly. So, when you create your WooCommerce FAQ questions and answers with the XPlainer plugin, it will properly adjust with WooCommerce.


The XPlainer FAQ plugins come with multiple colorful and SEO-friendly FAQ layouts. Right now, there are 4 different layouts to choose from. You can check these layouts by navigating to Woo FAQ > Settings page. Then select the General tab and select your desired design from the Layout option.
While choosing the layouts, you can see the real-time layout preview on the right side of the settings page. Thus the layout selection process becomes more effortless than ever!


By default, the FAQs you have added will be displayed in the last tab. But, you can control the tab position from the XPlainer settings page if needed. To do that, go to XPlainer > Settings page and then find the Tab Priority option under the General tab.
Increase or decrease the value by 10 to change the tab’s position. For example, if you want to display the FAQs as the first tab, the value will be 10. Just like that, the value will be 20 for the 2nd position or 50 for the 5th position.


By default, the product FAQs are listed just like a simple FAQ accordion style. If you want to read the answer to a specific question, you have to click on that question, and it will show the answer.
But, XPlainer is designed to offer something extra than others. So, you can set whether you want to show or hide the answers while the product page loads initially.
To do that, go to XPlainer > Settings page and then find the Display All Answers option under the General tab. You can choose to either show or hide the answers from here. After choosing your preferred method, click on the Save Changes button, and it will be set for the whole website.


Besides controlling the FAQs visibility from the dashboard panel, the XPlainer WooCommerce FAQ manager plugin lets the customer control it from the front-end interface.
To enable this option, follow the steps below:
1. Navigate to XPlainer > Settings page and then find the Expand/Collapse All option under the General tab.
2. At first, enable this feature and then set the Expand/Collapse All Label text. This text will work as the button text for the Expand/Collapse All button.
3. After you are done with that, click on the Save Changes button, and it will be set for every product page.
That’s it!

⚡ Maximize the efficiency of your WooCommerce FAQ creation process

You are getting a lot of effort minimizing features from the free version of this WooCommerce faq accordion plugin. But you will definitely enjoy the pro version since it saves your time and resources more efficiently.
With XPlainer Pro, your sales will increase dramatically because it will enhance the standard of your WooCommerce products by making them more informative.

Pro Features of XPlainer:


Reduce your effort by assigning a particular FAQ to any number of products in your WooCommerce store. Yes, with XPlainer PRO, it’s that easy to create and display FAQs accordion based on product attributes. Simply place the product attribute on the answer of your FAQ and display that attribute-based answer.
Let’s say there is a FAQ assigned for thousands of products on your online store. You can set the product attribute in answer to show product-specific responses for numerous products. So, you don’t need to create the same FAQ for different products individually. Instead, specify a product attribute in answer to obtain a Dynamic product value of each product for the same FAQ.


There must be some common FAQs that you want to set for all your WooCommere products. But creating the identical FAQ individually for all your products makes the FAQ creation process tedious. Thus, Xplainer offers the ultimate FAQ creation experience with this feature that minimizes effort.
No matter how many products you have, you can set the same FAQ for your entire WooCommerce store. Simply create one FAQ using XPlainer and set it as a Global FAQ, and that’s it. Your Global FAQ will appear on every product FAQ section of your online store.


XPlainer already supports several languages, but it transcends all boundaries with RTL support. RTL languages such as Arabic, Aramaic, Azeri, Hebrew, Kurdish, Persian, etc, are supported in XPlainer PRO.
This feature allows users to create FAQs for RTL (Right-to-left) languages. Now, users from RTL language-supported countries can create FAQs for their WooCommerce products. This is how XPlainer enables you to reach out to all global customers with WooCommerce product FAQs.


XPlainer is indeed one of the best WordPress accordion plugins for WooCommerce. You’ll be able to find the exact FAQ within seconds using this FAQ accordion tool. . It offers a flexible search option for your WooCommerce product FAQs. The comprehensive search functionality in the FAQ area will allow you to search out the FAQ you are looking for.
Enter your keyword associated with a FAQ in the search box to get the question or answer corresponding to your search term. This feature will minimize the user’s hassle in searching out a specific question or its answer. Additionally, this function is handy when there is a long list of FAQs, and the user is seeking a particular one.


Typically a FAQ section comes with a simple outlook that contains questions, answers, and a faq dropdown option. Using XPlainer PRO, you can generate FAQs with unique viewing experiences for the users. It allows you to personalize the FAQ area with Multi-column support.
Users can now see more FAQs and access them without even scrolling the screen. You can simply enable or disable multi-column FAQs using this amazing tool. For user convenience, this feature displays more FAQs inside a relatively compact viewing area.
Upgrade to PRO | Documentation | Support
💚 Satisfied with our XPlainer FAQ plugin?
👉 Join our Facebook Page
Rate us on WordPress [Your Review, Our Inspiration]


Before installing the plugin please make sure that
– Your php version is 5.4 or greater
– WordPress version is 3.6 or greater
– WooCommerce version is 2.4 or greater
This section describes how to install the plugin and get it working.
Search Way:
1. Go to the WordPress Dashboard “Add New Plugin” section.
2. Search For “Product FAQ”.
3. Install, then Activate it.
Manual Way:
1. Upload faq-for-woocommerce folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go through menu like XPlainer > Settings.
4. In product tab section you will find a menu called FAQs, click it, click Add new and a popup will come.
5. Add question and add answer.
6. Done!

Frequently Asked Questions

Our plugin is user friendly, but here you can see some frequently asked
questions that can help you.
Does it work with any theme?
Yes, it will work with any standard WordPress theme.
Is this plugin responsible?
Yes, this awesome Faq WooCommerce Questions and Answers plugin is responsive with any media devices.
Can we write html content?
Yes, you can write html markup for answers with wp editor.
Can I sort faq list?
Yes,You can sort faq list easily. We have added the support since version 1.3.0
Is it support Schema?
Yes,We have Google Rich Schema support since version 1.2.2
Can we use media?
Yes, you can use media in the content.We have media support since version 1.1.5
Can we use custom style?
Yes, you can customize with your own styles.We have style support since version 1.2.0
Does it support comments?
Yes, Visitors or Customers can comment on per product faqs. Admin can customize the full comments and product questions answers comment forms. We have comment support since version 1.3.18
How many template can we use?
Currently we provide four standard templates, more template coming soon.
Can I use shortcode to show faqs? =
Absolutely yes! you can use [ffw_template] to show faqs, for details please see shortcode description above.