Joli FAQ SEO – WordPress FAQ Plugin


Joli FAQ SEO is a FAQ plugin for WordPress. Show your FAQs using our built-in Gutenberg block or by shortcode.

Wishing to reduce your support requests & optimize your SEO ? Create stunning multiple FAQs in a breeze with our One-page FAQ Builder!

Joli FAQ SEO has been carefully crafted to be the best easy-to-use plugin, optimized, and is fully responsive and mobile friendly.



❌ NO jQuery: Unlike most of the FAQ plugins, Joli FAQ SEO does not use jQuery on the front-end, ✅ Only plain Javascript packed in a tiny <4KB minified file.

❌ NO extra resources: Each visual element is made from pure CSS (<6KB minified). This means no extra http requests to additionnal resources that would slow down your website and affect badly your SEO.

Performance friendly: Styles & Scripts DO NOT load unless they really have to.

📐 One-page Drag-n-Drop FAQ Editor

Stop the headaches right now while creating your FAQs! No more going back and forth through the admin pages. Save yourself time and trouble!

  • Manage all your FAQs in just one screen, no page reload!
  • Create FAQ Groups and add as many FAQs inside them.
  • Single FAQs can be used in multiple FAQ Groups, and are synced.
  • Organize FAQs by categories.
  • Intuitive Drag-n-Drop support: Organize FAQs & FAQ Groups in the desired ordered, move FAQs from one group to another or into multiple FAQ Groups.

👁 Instant FAQ Preview from the settings

Find out instantly what your FAQ is going to look like on the front-end.

From the plugin’s settings page, the instant preview reloads as you change settings, but the settings’ page doesn’t need to.

🌎🔍 Optimized for SEO

Automatically generates FAQPage Structured Data in JSON-LD format within your page.

That crucial data is picked up by search engines such as Google and improve your SEO.

Additionally, you may benefit FAQ Rich-content results in the SERPs and get more visibility in the search results page.

✂👗 Customizable to match your preferences

Integrates to your website’s theme perfectly. Use the standard Accordion mode, or let the users expand as many FAQs as they like.

Optionally, use the Flat layout to make the FAQs look like normal content (without expandable sections) while still leveraging structured data.

  • Choose from our beautiful Themes
  • Nice & smooth CSS animations
  • Pure CSS toggle button icons
  • Left or Right toggle button position
  • Choose toggle button size
  • Customize Q&A colors, font size, and more…
  • Override selected theme’s presets with custom styles.

⏹️ [PRO] Edit FAQ with the Gutenberg Block editor

Leverage the power of the block editor to create stunning FAQs!

From the version 1.2.0, you can now edit FAQs using blocks. This allows you to create beautiful FAQs by leveraging all the power from the block editor.

For example, you can easily create columns, buttons, and much more.

⚙️ [PRO] Override settings per FAQ Group (from the shortcode or the block)

In the free version of the plugin, all FAQs inherit from the plugin’s settings (themes & options). They all look & behave the same.

The Pro version allows you to override any setting to customize a specific FAQ Group. You can override multiple settings at once in the following fashion:

[joli-faq-seo id="123" theme="theme-2" accordion="1"]

If you are using the FAQ Group block, you can override any setting directly from the block options.

🛒 [PRO] WooCommerce Integration

WooCommerce FAQ: Easily attach FAQs to WooCommerce product pages.

FAQs will show in a new tab next to the product description.

Optionally use the shortcode to show the FAQ within the product description or anywhere else.

🔎 [PRO] Instant search bar

The instant search feature is a powerful addition to your FAQs, especially if you have many in one group. It lets the users filter the FAQs for them to find instantly what’s he’s looking for.

From the search bar above the FAQ Group, matching text is instantly highlighted with a color as the user types.

Search is performed in both Questions & Answers.

🌐 [PRO] Link to any FAQ

You can now display a copy to clipboard icon shortcut on each FAQ.

This will allow you or your visitors to get a direct link to a specific FAQ.

The FAQ will open automatically on page load when using the link.

😄 [PRO] Emoji Picker

From the FAQ Editor, optionally pick an emoji for each single FAQ you want. The built-in emoji picker lets you search emojis by keyword.

Selected emojis will show on the left of the actual FAQ Question.

  • Improved SEO: Make your content more visible in the SERPs with emojis*
  • Emphazise: Grab the user’s attention for important FAQs.

* What is the average delivery time ? (without emoji)
* 🚚 What is the average delivery time ? (with emoji)

*Displaying emojis in the SERPs is totally up to Google.

📊 [PRO] Smart Insights

Find out which FAQs are the most viewed & automatically order them by user engagement.

From the FAQ Editor, the view count show on each FAQs from a group. This lets you know which FAQs are the most looked at.

A single user can only register one View count for one day. This prevents duplicate counts if one user clicks multiple times on a single FAQ.

❌ [PRO] Disable individual FAQ / FAQ Group

Temporarily disable a single FAQ or a single FAQ Group directly from the editor.

Disabled FAQ/FAQ Groups will not show on the front-end despite the shortcode being active.

No need to update your posts/pages, changes are instantaneous throughout the website.

[PRO] Organize your FAQs by categories

From the FAQ editor, create unlimited number of categories and keep your FAQs organized.

👨‍💻 Developer friendly

Joli FAQ SEO leverages the power of WordPress Hooks.

It provides a wide variety of Actions and Filters that you can hook onto.

It also provides custom Javascript events


Want an even better FAQ Plugin for your WordPress site ?
Get Joli FAQ SEO Pro here FAQPage

Here is an exemple of what is printed wihtin the page.
Keep in mind that this is not actually visible to the end-user.
It is only meant to be crawlable by search engines.

<script type="application/ld+json">
            "name":"How does it improve my SEO ?",
                "text":"It automatically adds JSON-LD structured data in your page based on the <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"> FAQPage format.\n"
            "name":"Is it easy to use ?",
                "text":"Yes, the one page drag and drop editor makes creating and editing FAQ a breeze!\n"

FAQ Group Block (Gutenberg)

For easier editing, Joli FAQ SEO now comes with a built-in block in addition or replacement to the shortcode.


Use the following shortcode, replacing the id with the actual faq group id :

[joli-faq-seo id="123"]

Override any option by shortcode [PRO]

[joli-faq-seo id="123" theme="2"]



  • General Settings
  • SEO Settings
  • Toggle button settings & styles
  • FAQ Editor
  • Adding/Editing a FAQ within a FAQ Group
  • Folded FAQ Groups
  • Fixed FAQs panel
  • Drag n Drop from All FAQs or from group to group
  • Front end display of the actual FAQ Group


This plugin provides 1 block.

  • Joli FAQ Group Displays a group of FAQs


This section describes how to install the plugin and get it working.


  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->Plugin Name screen to configure the plugin
  4. (Make your instructions match the desired user flow for activating and installing your plugin. Include any steps that might be needed for explanatory purposes)


  1. Go to the “Plugins > Add New” page.
  2. Type “Joli FAQ SEO” in the search field
  3. Look for the “Joli FAQ SEO” plugin in the search result and click on the “Install Now” button, the installation process of plugin will begin.
  4. Click “Activate” when the installation is complete.


Go to the page “Plugins > Add New” on the WordPress control panel
Click on the “Upload Plugin” button, the form to upload the archive will be opened.
Select the archive with the plugin and click “Install Now”.
Click on the “Activate Plugin” button when the installation is complete.


Upload the folder joli-faq-seo to your site’s plugin folder, usually it is /wp-content/plugins/.
Go to the page “Plugins > Add New” on the WordPress control panel
Look for “Joli FAQ SEO” in the plugins list and click “Activate”.


  1. Once you’ve installed Joli FAQ SEO, go to the FAQ Editor page under the Menu “Joli FAQ SEO”.
  2. Create a new FAQ Group
  3. Create as many FAQs as you like within the FAQ Group.
  4. Double-click the shortcode to copy it in the clipboard.
  5. Paste the shortcode anywhere in your post/pages


Go to the Settings page under the Menu “Joli TOC”, then configure the following basic options to get started:

1. Choose a Title for the Table Of Contents
2. Choose to display a prefix or not


How does it improve my SEO ?

It automatically adds JSON-LD structured data in your page based on the FAQPage format.

This data is then recognized and processed by search engines. Thus, if your content is relevant, you may get extra visibility in the SERPs.

In addition, the tiny footprint does not slow down your page and keeps your website optimzed for page speed SEO criteria.

Is it easy to use ?

Absolutlely! we designed Joli FAQ SEO to make editing as easy as it gets. We noticed almost all other FAQ plugins out there make creating FAQs complicated and time consuming because you always need to go back and forth in the WordPress admin. Our one page drag and drop editor makes creating and editing FAQ a breeze! No page reloads and instant results! Plus, we provide shortcuts to make editing even easier.

Can I customize it ?

Yes, we provide some basic themes in the free version that you can easily customize to match your theme. Plus, there is variety of fonts and color settings available in the options.

Joli FAQ SEO leverages CSS variables. You can then create your own theme with custom CSS.

Is it responsive ?

Yes! it works as well on desktop as on mobile 🙂

Does it use jQuery ?

No, there is no jQuery in the front-end scripts, only pure javascript (and not much!). Be sure the speed of your website will not be affected. jQuery is only used in the back-end, but this will not affect your site’s website because these scripts don’t load on the front-end 😉

Will it slow down my website ?

No, it has been designed to keep the smallest footprint possible and be optimised. No front-end jQuery, no images or extra ressources loaded. Icons are made from pure CSS and all the styles/scripts are minified.

Do you provide support ?

Yes, we also provide premium support on the Pro version.

Can I use it with WooCommerce ?

WooCommerce FAQ integration is available in the Pro version. You can however use the shortcode or the block to display a FAQ in any WooCommerce content page.

Why should I choose Joli FAQ SEO over another FAQ plugin ?

  • No jQuery dependency
  • Tiny footprint
  • One page -hassle free- FAQ editor
  • Improved SEO
  • Ease of use
  • Instant preview from the settings
  • Clean code
  • Developer friendly (actions & filters hooks)


2022 ལོའི་ཟླ 10 ཚེས 11 ཉིན། 1 reply
A very elegant, easy-to-use solution – exactly what I needed. And great support too.
2021 ལོའི་ཟླ 2 ཚེས 3 ཉིན།
The style is my favorite
2020 ལོའི་ཟླ 12 ཚེས 2 ཉིན།
Finally a plugin made for Google snippet. Thanks !
གདེང་འཇོག 4 ཡོངས་སུ་ཀློག

བྱས་རྗེས་འཇོག་མཁན། & གསར་འབྱེད་པ།

“Joli FAQ SEO – WordPress FAQ Plugin” is open source software. The following people have contributed to this plugin.




  • Fixed custom categories not showing in WooCommerce [PRO]


  • Fixed Block bug not showing on frontend


  • Security fix
  • Settings page visual bug fix
  • Updated vendor dependencies


  • Fixed Block Pro features blocked bug
  • Fixed WooCommerce detection bug
  • Improved auto open FAQ fom url hash
  • Fs sdk update


  • Fs sdk update


  • WordPress 6.2 compatibility
  • Added: Manage FAQs by categories in the FAQ Editor [PRO]
  • Security update


  • Updated: Settings page redesign
  • Fixed: Editing a FAQ were making it invisible on the front-end [FREE]


  • Added: Open all questions on load option [PRO]
  • Fixed: Unexpected random scrollbar on some themes when toggling a FAQ
  • Fixed: Insights possible fatal error on update view count


  • WordPress 6.0.2 compatibility
  • Improved: FAQ Editor performance
  • Added: Gutenberg FAQ Group block, in addition to the shortcode
  • Added: Edit a FAQ using Gutenberg block editor [PRO]
  • Added: Compact view [PRO]
  • Added: Expand/Collapse all FAQ Groups [PRO]
  • Added: Copy FAQ link to clipboard (anchor) on faq hover [PRO]
  • Added: joli_faq_seo_copy_link_label filter hook to customize the copy to clipboard label [PRO]
  • Added: joli_faq_seo_faq_id filter hook to customize the FAQ id html attribute
  • Fixed: FAQ Group ordering bug
  • Fixed: FAQ search bug [PRO]
  • Fixed: Answer font size not applying to


p> tags
* Fixed: Value using the % unit did not output the correct symbol


  • Added: Disable single FAQ toggle within a FAQ group [PRO]
  • Added: Collapsed FAQ Group state is now saved and remains on refresh (in the FAQ editor)
  • Fixed: Cron activation issue [PRO]
  • Fixed: FAQ editing bugs


  • Fixed: FAQ editing bugs


  • WordPress 5.9.2 compatibility
  • Changed: FAQ Editor redesign to a brighter theme
  • Security fix
  • Fixed: “empty content” alert when saving FAQ while being on the “Text” tab
  • Fixed: PHP Warning
  • Fixed: broken admin link


  • WordPress 5.8.1 compatibility
  • Fixed: Open first question toggle bug
  • Changed: FAQ Editor capability switched from manage_options to edit_pages to allow ‘editor’ roled users to edit FAQs


  • WordPress 5.7 compatibility
  • Improved: Better & faster opening/closing animations.
  • Fixed: scrollbar showing on some FAQs during opening animation
  • Fixed: toggle border not showing by default on theme 4
  • Updated: fs sdk 2.4.2


  • Minor bug fixes.


  • Initial release.