J. Duijvelshoff

Simple and good accordion plugin providing 2 blocks: Accordion and Accordion-pane. Drag an Accordion block into your post, page or custom post type and hit the ‘Add pane’ button for as often as you need.
Features:
<ul>
<li>Setting for ‘One at a time’. Only one pane within an accordion can be opened. Uncheck this to allow for all panes to be opened simultaneously.</li>
<li>Use ‘Tab’ key to focus panes and hit ‘Enter’ to open</li>
<li>Extensive Use of Accessability attributes</li>
<li>Optionally choose for HTML and tags. </li>
<li>Panes scroll into view when a previous pane gets closed</li>
<li>Adjust colors, margins and padding in the block editor</li>
<li>Add styling via css, css-vars or theme.json</li>
</ul>
<h3>Use</h3>
Drag an Accordion block into a post or page or CPT and use the ‘Add pane’ button at the bottom of the block to add pane-blocks.
<h3>styling</h3>
At the root some basic styling variables are defined that can be overwritten by your theme. Some of these can be changed ad hoc by the user in de block-editor. These are:
<pre><code> --wp--custom--accordion--transition-time: 0.1s;
 --wp--custom--accordion--margin-top: 0px;
 --wp--custom--accordion--margin-right: 0px;
 --wp--custom--accordion--margin-bottom: 0.1em;
 --wp--custom--accordion--margin-left: 0px;
 --wp--custom--accordion--header-padding-top: 0.5em;
 --wp--custom--accordion--header-padding-right: 2em;
 --wp--custom--accordion--header-padding-bottom: 0.5em;
 --wp--custom--accordion--header-padding-left: 2em;
 --wp--custom--accordion--content-padding-top: 0.5em;
 --wp--custom--accordion--content-padding-right: 2em;
 --wp--custom--accordion--content-padding-bottom: 0.5em;
 --wp--custom--accordion--content-padding-left: 2em;
 --wp--custom--accordion--header--text-color: #ffffff;
 --wp--custom--accordion--header--background-color: #666666;
 --wp--custom--accordion--header--active-text-color: #ffffff;
 --wp--custom--accordion--header--active-background-color: #999999;
 --wp--custom--accordion--body--text-color: #ffffff;
 --wp--custom--accordion--body--background-color: #666666;
</code></pre>
The default values can also be defined in the theme.json of your (child-) theme:
Add them to the theme.json like so:
<pre><code>{
 "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
 "version": 3,
 "settings": {
 "custom": {
 "accordion": {
 "transitionTime": "0.1s",
 "marginTop": "0px",
 "marginRight": "0px",
 "marginBottom": "0.1em",
 "marginLeft": "0px",
 "headerPaddingTop": "1em",
 "headerPaddingRight": "1em",
 "headerPaddingBottom": "1em",
 "headerPaddingLeft": "1em",
 "contentPaddingTop": "0.5em",
 "contentPaddingRight": "2em",
 "contentPaddingBottom": "0.5em",
 "contentPaddingLeft": "2em",
 "headerTextColor": "#ffffff",
 "headerBackgroundColor" : "#666666",
 "activeHeaderTextColor": "#ffffff"
 "activeHeaderBackgroundColor": "#999999",
 "bodyTextColor": "#000000",
 "bodyBackgroundColor" : "#ffffff",
 }
 }
 }
}<h3>Accessability</h3>The pane-headers have a tab-index. If the Enter-key is pressed while a pane-header has focus, a click-event is triggered on that pane-header thereby activating / opening it.
</code></pre>

Good Accordion

Wordpress accordion block. Simple, small and good.

WP Forhad

nazmulfeni4

Pluginic

See the video to Get Started: Installation, Activation, Adding FAQs, and Using Shortcodes
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lt47dkfWbCI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://demo.pluginic.com/faq-schema-ultimate/" rel="nofollow ugc">Live Demo</a> | <a href="https://pluginic.com/plugins/faq-schema-ultimate/" rel="nofollow ugc">Premium Version (30% OFF)</a> | <a href="https://pluginic.com/docs/faq-schema-ultimate-overview/" rel="nofollow ugc">Documention</a> | <a href="https://demo.pluginic.com/faq-schema-ultimate/accordion-demo/" rel="nofollow ugc">According FAQ Example</a> | <a href="https://demo.pluginic.com/faq-schema-ultimate/tabs-demo/" rel="nofollow ugc">Tabbed FAQ Example</a> | <a href="https://demo.pluginic.com/faq-schema-ultimate/slider-demo/" rel="nofollow ugc">Slider FAQ Example</a> | <a href="https://pluginic.com/support/" rel="nofollow ugc">Support Ticket</a>
Looking for the Best FAQ plugin for your WordPress site? Look no further!
Our responsive and user-friendly plugin has got you covered. With accordion-style, tabbed, and slider formats, you can display your FAQs in a stylish and organized manner.
Even, You can add FAQ Schema to your WordPress site easily with this plugin. This FAQ-rich snippets WordPress plugin helps you to create a Yoast faq block and divi faq schema. Apart from that, this plugin has passed the google faq schema test.
It’s compatible with Elementor and Gutenberg, making it super easy to integrate into your website. Best of all, it’s completely free! Download the best FAQ plugin for WordPress now and give your visitors an exceptional FAQ experience.
Say goodbye to confusion and hello to simplicity with our feature-packed plugin.
<h3>KEY FEATURES</h3>
<ul>
<li>Ultimate FAQ Schema Pre-Made Template</li>
<li>Support FAQ Schema Markup</li>
<li>Fully responsive Accordion FAQ</li>
<li>Fully responsive Tabbed FAQ</li>
<li>Faq Slider with Fully responsive</li>
<li>Fully Responsive FAQ Block</li>
<li>Elementor & Gutenberg Support</li>
<li>Compatible with Rank Math and Yoast</li>
<li>FAQ Theme widget</li>
<li>Drag and drop Feature</li>
<li>Integrated with responsive toggle and collapse effect</li>
<li>Perfect for Non-SEO Plugin Users or beginners</li>
<li>FAQ Accordion to System + Design</li>
<li>Expand & Collapse Icon Color</li>
<li>Accordion Title Background Color</li>
<li>Accordion Description Text and Background Color</li>
<li>Unlimited Color and Styling options</li>
<li>Shortcode Support</li>
<li>Custom CSS field to override styles</li>
<li>Rank math FAQ schema</li>
<li>FAQ With Categories</li>
<li>Color Palettes</li>
<li>Safe web fonts</li>
<li>Google web fonts</li>
</ul>
<h3>WHY USE FAQ Schema for WordPress PLUGIN ON YOUR WEBSITE?</h3>
The FAQ schema is a markup that you can add to your webpage code which contains a list of question-and-answer schemas.
When you add FAQ schema to your page’s FAQ section, it will help Google to identify the FAQ section more easily and may reward you with an improved search result listing by showing the FAQ section directly below your website.
The most common advantages of using FAQ schema are – 
1. Helps in boosting your website SEO 
2. It offers extensive Rich Snippets 
3. Generates higher quality leads. 
4. Drives organic Click-Through Rates.
It is an absolutely responsive and amazing plugin that comes with a lot of useful features and advantages.
Using this plugin means your site takes up more space in the search results with FAQ schemas, which means you are more likely to get noticed by your users. You can even answer queries fully in the search results.
This plugin will offer you the right structure to present your FAQs that take advantage of schema. By doing this you can make it clear to your users that more information is available on the site. This will help increase your click-through rates.
In fact, it can also let you be eligible for FAQ Action, which may be shown on Google Assistant. This can potentially help you get noticed by people who use voice search to find an answer.
<h3>FEW OTHER FEATURES</h3>
Responsive Design 
The FAQ Schema for WordPress plugin comes in a responsive design that is compatible with all browsers and devices. So, you wonâ€™t face any issues while using this plugin.
Support Schema Markup 
This plugin has Google Rich Schema support which makes it easy for you to start setting up FAQs to Schema for rich results. This will help you to reach more traffic, and increase your CTR and sales.
Drag and Drop API 
The convenient drag-and-drop feature lets you add or create multiple accordions. If you want to change the accordion position, simply drag it and drop it anywhere you want to place it.
Toggle/Collapse Effect 
This plugin is integrated with a toggle and collapse effect to make the accordion more responsive. With this feature, your users can open one or more accordions simultaneously.
No coding required 
It is so user-friendly and quick that you donâ€™t require any coding. Just add a new accordion where you want to appear on the page and publish it.
Regular updates 
We never compromise with the quality; that is why we always ensure to keep our plugin updated with all the updates of WordPress. Youâ€™ll always get new features installed on your website. Just one click, and your plugin is as good as new.
High-quality code 
We know speed matters the most when it comes to user experience. This is the reason we use highly-optimized codes with the architecture to guarantee a fantastic user experience for you and your users. With this plugin, youâ€™ll never feel slow loading times and no single security vulnerability.
<h3>Extra Features</h3>
Accordion FAQ Support (100% Responsive) 
The “Ultimate FAQ Schema” plugin is compatible with the “Accordion FAQ” feature. Accordion FAQ is a design element that allows users to expand and collapse sections of frequently asked questions (FAQs) on a webpage. With this feature, multiple questions and answers can be displayed in a compact and organized manner, enhancing user experience and making it easier for visitors to navigate and find information. The compatibility between the “Ultimate FAQ Schema” plugin and “Accordion FAQ” means that you can utilize the plugin’s functionality to incorporate an interactive and user-friendly FAQ section on your website using the accordion-style format.
Tabbed FAQ Support (100% Responsive) 
The “Ultimate FAQ Schema” plugin has a feature that allows you to organize your frequently asked questions (FAQs) into tabs. Tabbed FAQ displays your FAQs in a tabbed format, where each tab represents a different category or topic. Users can click on the tabs to access the relevant FAQs without scrolling through a long list. This feature improves the user experience by providing a more organized and visually appealing way to navigate the FAQs. It also helps users quickly find the information they are looking for, enhancing the usability of your website or application.
Faq Slider Suport (100% Responsive) 
The “Ultimate FAQ Schema” plugin is designed to integrate and work seamlessly with a feature called the “Faq Slider.” The Faq Slider is a component or functionality that allows you to display frequently asked questions (FAQs) in a sliding format on your website. It offers a visually appealing and space-saving way to present multiple FAQs to your website, visitors. With the integration of the Faq Slider into your Ultimate FAQ Schema plugin, you can enhance the user experience by providing an interactive and engaging way to navigate through your FAQs.
Elementor & Gutenberg Support 
The “Ultimate FAQ Schema” plugin is compatible and can be used seamlessly with both the Elementor and Gutenberg page builders, which are popular tools for creating and designing websites on WordPress. This compatibility ensures that you can easily incorporate the FAQ schema functionality provided by the plugin into your webpages built using either Elementor or Gutenberg. It offers flexibility and convenience, allowing you to create and customize your FAQ sections using your preferred page builder without any compatibility issues.
Woocommerce Faq Support 
“Ultimate FAQ Schema” is compatible with the ‘WooCommerce’ platform. ‘WooCommerce’ is a popular e-commerce plugin for WordPress that allows users to set up online stores and sell products. By supporting ‘WooCommerce,’ the ‘Ultimate FAQ Schema’ Plugin integrates seamlessly with the e-commerce functionality provided by ‘WooCommerce.’ This compatibility ensures that users can effectively use the ‘Ultimate FAQ Schema Plugin within their ‘WooCommerce’ online store, enhancing their ability to create and manage frequently asked questions (FAQs) for their products or services.
<h3>Ultimate FAQ Schema Pro Features</h3>
The ‘Ultimate FAQ Schema Pro’ Plugin offers exciting features that you’ll find fascinating! With this plugin, you can enhance your website with premium themes that perfectly match its style. You’ll have the freedom to customize various aspects of your FAQ section, like the FAQ Title, Toggle Icons, Category Title, FAQ Header & Body background, and content.
1. Premade Layouts with Multiple Modules 
The ‘Ultimate FAQ Schema Pro Plugin provides an extensive selection of over 40 premade layouts with various modules. This allows you to effortlessly create engaging and professional FAQs for your website. Whether you prefer a clean and minimalist design or a more vibrant and interactive layout, you can choose the perfect combination to suit your needs and captivate your audience.
2. Support Accordion & Tabs Component 
With the support for Accordions and Tabs, the plugin offers a wide range of premium templates to showcase your FAQs in an interactive and visually appealing manner. Accordions allow users to expand and collapse individual FAQ sections, while Tabs enable organizing FAQs into different categories. This feature encourages user engagement and makes it easy for visitors to find the information they are looking for, enhancing the overall user experience on your website.
3. Organized Group and Nested FAQs 
The ‘Ultimate FAQ Schema Pro Plugin allows you to organize and nest your FAQs, providing a structured and intuitive format for users. By grouping related questions together, you can create a logical flow of information, making it easier for visitors to navigate and understand your FAQs. This feature simplifies the browsing experience, ensuring that users can quickly find the answers they need and reducing any potential confusion.
4. Individual icons for added visual appeal 
With the ability to customize icons for each FAQ, you can add an extra layer of visual appeal to your FAQs. By choosing unique and eye-catching icons, you can make your FAQs visually distinctive and memorable. This feature not only enhances the aesthetic presentation of your FAQs but also helps users visually identify different sections or categories, improving navigation and overall user experience.
5. Personalize FAQs with Custom Color Palettes 
The ‘Ultimate FAQ Schema Pro Plugin enables you to personalize your FAQs with custom color palettes. By selecting specific color themes for each FAQ, you can create a cohesive and visually pleasing FAQ section that aligns with your website’s design and branding. This customization option allows you to add a touch of uniqueness to your FAQs, making them visually appealing and reinforcing your website’s overall visual identity.
6. Custom Shortcode Generator 
The plugin’s custom shortcode generator empowers you to unlock endless possibilities and transform your FAQ pages with ease. By generating custom shortcodes, you can create dynamic and versatile FAQ layouts that suit your specific needs. This feature gives you complete control over the appearance and functionality of your FAQ section, enabling you to design interactive and engaging layouts that perfectly integrate with your website. The flexibility offered by custom shortcodes opens up opportunities to create unique FAQ experiences and make your website truly stand out.
7. Premium support 
We ensure fast, friendly, and priority support 24/7 throughout the year. Get your questions answered and issues solved by a dedicated team of WordPress experts.
<h4>SEO PLUGIN COMPATIBILITY</h4>
<ul>
<li>Yoast SEO.</li>
<li>The SEO Framework.</li>
<li>SEOPress.</li>
<li>Rank Math.</li>
<li>SEO Squirrly.</li>
</ul>
Below you can check the faq accordion, tabbed, and Schema example: (Screenshot)

Ultimate FAQ Schema – Best Responsive Accordion, Tab, and Slider FAQ Solution (Elementor, Gutenberg Support)

There is no plugin section in the Wordpress menu.

Does not work

Create engaging, responsive FAQs with Ultimate FAQ Schema - the best Accordion, Tab, and Slider FAQ solution. Support also Elementor, Gutenberg, and W …

Good Accordion vs Ultimate FAQ Schema – Best Responsive Accordion, Tab, and Slider FAQ Solution (Elementor, Gutenberg Support)