CrispyCohd

<p>CrispyCohd Advanced Accordion Block provides a flexible, block-based accordion for the WordPress editor.</p>
<p>Built to align with WCAG 2.2 and WAI-ARIA Authoring Practices for accordions.</p>
<p>The accordion is built using normal blocks:</p>
<ul>
<li>Header area: add any blocks you want</li>
<li>Content area: add any blocks you want</li>
<li>Optional divider between the two</li>
</ul>
<p>The block supports two animation styles, slide and fade.<br />
It also supports a built-in caret, a custom SVG, or a custom image for the toggle icon.</p>
<p>Accessibility is a core focus of the block. The front-end output includes a dedicated toggle button, keyboard navigation, ARIA relationships, and reduced motion support.</p>


CrispyCohd Advanced Accordion Block

A flexible accordion block that lets you build headers and content using any core or custom blocks.

WPJoli

<p>Joli FAQ SEO is a FAQ plugin for WordPress. Show your FAQs using our built-in Gutenberg block or by shortcode.</p>
<p>Wishing to <strong>reduce your support requests & optimize your SEO</strong> ? Create stunning multiple FAQs in a breeze with our <strong>One-page FAQ Builder</strong>!</p>
<p>Joli FAQ SEO has been carefully crafted to be the best easy-to-use plugin, optimized, and is fully responsive and mobile friendly.</p>
<h4>⭐ CHECK OUR OTHER PLUGINS</h4>
<ul>
<li><a href="https://wordpress.org/plugins/smart-auto-featured-image/" rel="ugc">Smart Auto Featured Image</a></li>
<li><a href="https://wordpress.org/plugins/joli-table-of-contents/" rel="ugc">Joli Table Of Contents</a></li>
<li><a href="https://wordpress.org/plugins/joli-clear-lightbox/" rel="ugc">Joli CLEAR Lightbox</a></li>
</ul>
<h3>🚀 TOP GRADE PERFORMANCE</h3>
<p><strong>❌ NO jQuery</strong>: Unlike most of the FAQ plugins, Joli FAQ SEO does not use jQuery on the front-end, ✅ <strong>Only plain Javascript</strong> packed in a tiny <4KB minified file.</p>
<p><strong>❌ NO extra resources</strong>: 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.</p>
<p><strong>Performance friendly</strong>: Styles & Scripts DO NOT load unless they really have to.</p>
<h3>📐 One-page Drag-n-Drop FAQ Editor</h3>
<p>Stop the headaches right now while creating your FAQs! No more going back and forth through the admin pages. Save yourself time and trouble!</p>
<ul>
<li>Manage all your FAQs in just one screen, no page reload!</li>
<li>Create FAQ Groups and add as many FAQs inside them.</li>
<li>Single FAQs can be used in multiple FAQ Groups, and are synced.</li>
<li>Organize FAQs by categories.</li>
<li>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.</li>
</ul>
<h3>👁 Instant FAQ Preview from the settings</h3>
<p>Find out instantly what your FAQ is going to look like on the front-end.</p>
<p>From the plugin’s settings page, the instant preview reloads as you change settings, but the settings’ page doesn’t need to.</p>
<h3>🌎🔍 Optimized for SEO</h3>
<p>Automatically generates Schema.org FAQPage  Structured Data in JSON-LD format within your page.</p>
<p>That crucial data is picked up by search engines such as Google and improve your SEO.</p>
<p>Additionally, you may benefit FAQ Rich-content results in the SERPs and get more visibility in the search results page.</p>
<p>https://developers.google.com/search/docs/data-types/faqpage</p>
<h3>✂👗 Customizable to match your preferences</h3>
<p>Integrates to your website’s theme perfectly. Use the standard Accordion mode, or let the users expand as many FAQs as they like.</p>
<p>Optionally, use the Flat layout to make the FAQs look like normal content (without expandable sections) while still leveraging structured data.</p>
<ul>
<li>Choose from our beautiful Themes</li>
<li>Nice & smooth CSS animations</li>
<li>Pure CSS toggle button icons</li>
<li>Left or Right toggle button position</li>
<li>Choose toggle button size</li>
<li>Customize Q&A colors, font size, and more…</li>
<li>Override selected theme’s presets with custom styles.</li>
</ul>
<h3>⏹️ [PRO] Edit FAQ with the Gutenberg Block editor</h3>
<p>Leverage the power of the block editor to create stunning FAQs!</p>
<p>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.</p>
<p>For example, you can easily create columns, buttons, and much more.</p>
<h3>⚙️ [PRO] Override settings per FAQ Group (from the shortcode or the block)</h3>
<p>In the free version of the plugin, all FAQs inherit from the plugin’s settings (themes & options). They all look & behave the same.</p>
<p>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:</p>
<pre><code>[joli-faq-seo id="123" theme="theme-2" accordion="1"]
</code></pre>
<p>If you are using the FAQ Group block, you can override any setting directly from the block options.</p>
<h3>🛒 [PRO] WooCommerce Integration</h3>
<p>WooCommerce FAQ: Easily attach FAQs to WooCommerce product pages.</p>
<p>FAQs will show in a new tab next to the product description.</p>
<p>Optionally use the shortcode to show the FAQ within the product description or anywhere else.</p>
<h3>🔎 [PRO] Instant search bar</h3>
<p>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.</p>
<p>From the search bar above the FAQ Group, matching text is instantly highlighted with a color as the user types.</p>
<p>Search is performed in both Questions & Answers.</p>
<h3>🌐 [PRO] Link to any FAQ</h3>
<p>You can now display a copy to clipboard icon shortcut on each FAQ.</p>
<p>This will allow you or your visitors to get a direct link to a specific FAQ.</p>
<p>The FAQ will open automatically on page load when using the link.</p>
<h3>😄 [PRO] Emoji Picker</h3>
<p>From the FAQ Editor, optionally pick an emoji for each single FAQ you want. The built-in emoji picker lets you <strong>search emojis by keyword</strong>.</p>
<p>Selected emojis will show on the left of the actual FAQ Question.</p>
<ul>
<li><strong>Improved SEO</strong>: Make your content more visible in the SERPs with emojis*</li>
<li><strong>Emphazise</strong>: Grab the user’s attention for important FAQs.</li>
</ul>
<p><strong><em>Example</em></strong>:<br />
* <strong>What is the average delivery time ?</strong> <em>(without emoji)</em><br />
* <strong>🚚 What is the average delivery time ?</strong> <em>(with emoji)</em></p>
<p>*<em>Displaying emojis in the SERPs is totally up to Google.</em></p>
<h3>📊 [PRO] Smart Insights</h3>
<p>Find out which FAQs are the most viewed & automatically order them by user engagement.</p>
<p>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.</p>
<p>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.</p>
<h3>❌ [PRO] Disable individual FAQ / FAQ Group</h3>
<p>Temporarily disable a single FAQ or a single FAQ Group directly from the editor.</p>
<p>Disabled FAQ/FAQ Groups will not show on the front-end despite the shortcode being active.</p>
<p>No need to update your posts/pages, changes are instantaneous throughout the website.</p>
<h3>[PRO] Organize your FAQs by categories</h3>
<p>From the FAQ editor, create unlimited number of categories and keep your FAQs organized.</p>
<h3>👨‍💻 Developer friendly</h3>
<p>Joli FAQ SEO leverages the power of WordPress Hooks.</p>
<p>It provides a wide variety of Actions and Filters that you can hook onto.</p>
<p>It also provides custom Javascript events</p>
<h4>💪 Joli FAQ SEO PRO</h4>
<p>Want an even better FAQ Plugin for your WordPress site ?<br />
<a href="https://wpjoli.com/joli-faq-seo" rel="nofollow ugc">Get Joli FAQ SEO Pro here</a></p>
<h3>Schema.org FAQPage</h3>
<p>Here is an exemple of what is printed wihtin the page.<br />
Keep in mind that this is not actually visible to the end-user.<br />
It is only meant to be crawlable by search engines.</p>
<pre><code><script type="application/ld+json">
{
    "@context":"https://schema.org",
    "@type":"FAQPage",
    "mainEntity":[
        {
            "@type":"Question",
            "name":"How does it improve my SEO ?",
            "acceptedAnswer":{
                "@type":"Answer",
                "text":"It automatically adds JSON-LD structured data in your page based on the <a href=\"https://schema.org\" target=\"_blank\" rel=\"noopener noreferrer\">schema.org FAQPage format.\n"
            }
        },
        {
            "@type":"Question",
            "name":"Is it easy to use ?",
            "acceptedAnswer":{
                "@type":"Answer",
                "text":"Yes, the one page drag and drop editor makes creating and editing FAQ a breeze!\n"
            }
        },
        ...
    ]
}
</script>
</code></pre>
<h4>FAQ Group Block (Gutenberg)</h4>
<p>For easier editing, Joli FAQ SEO now comes with a built-in block in addition or replacement to the shortcode.</p>
<h4>Shortcode</h4>
<p>Use the following shortcode, replacing the id with the actual faq group id :</p>
<pre><code>[joli-faq-seo id="123"]
</code></pre>
<p>Override any option by shortcode [PRO]</p>
<pre><code>[joli-faq-seo id="123" theme="2"]
</code></pre>
<h4>CHECK OUR OTHER PLUGINS</h4>
<ul>
<li><a href="https://wordpress.org/plugins/joli-table-of-contents/" rel="ugc">Joli Table of Contents</a></li>
<li><a href="https://wordpress.org/plugins/joli-clear-lightbox/" rel="ugc">Joli CLEAR Lightbox</a></li>
</ul>


Joli FAQ SEO – WordPress FAQ Plugin

The best WordPress FAQ plugin: easy & fast single page drag n drop editor, lightweight, no jQuery, block-enabled, schema.org, optimized for SEO.

CrispyCohd Advanced Accordion Block vs Joli FAQ SEO – WordPress FAQ Plugin