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.

Braintum

Ultimate FAQ Solution is a powerful, flexible WordPress plugin for creating, organizing, and displaying FAQs—now with advanced AI features. Instantly generate entire FAQ groups with one click using the “Create with AI” tool, or draft individual answers with AI-powered suggestions. Designed for both standard WordPress sites and WooCommerce stores, it offers responsive layouts, accordion and toggle display modes, and a searchable FAQ directory. The interactive FAQ Assistant adds a floating chat icon to your site, giving users instant, conversational access to your knowledge base.
With Ultimate FAQ Solution, you can: 
– Create and manage FAQ groups using the familiar WordPress editor. 
– Display FAQs anywhere using shortcodes or Gutenberg blocks. 
– Add FAQs directly to WooCommerce product pages with a dedicated FAQ tab. 
– Enhance SEO with built-in FAQPage structured data (FAQ Schema) for rich Google snippets. 
– Instantly generate suggested answers for your FAQs using AI-powered answer suggestions. 
– Improve user experience with the interactive FAQ Assistant—a floating help icon with chat-style access to your FAQs. 
– Customize layouts, colors, and more to match your site branding. 
– Enjoy accessibility-ready templates, and multi-language compatibility.
Whether you need a simple FAQ section or a full-featured knowledge base, Ultimate FAQ Solution streamlines the process and helps you deliver fast, accurate answers to your visitors.
<h4>🧠 “Create with AI” Feature</h4>
The new “Create with AI” feature allows you to automatically generate entire FAQ groups using advanced AI assistance. Instead of manually writing each question and answer, you can now leverage AI to quickly draft a set of relevant FAQs for your topic, product, or service—all in just a few clicks.
How it works: 
– When creating a new FAQ group, simply click the “Create with AI” button. 
– Enter a FAQ Group Title and context of what you want FAQs about. 
– The AI will instantly generate a list of suggested questions and answers tailored to your input. 
– You can edit, and customize the generated FAQs and saving them to your site.
Benefits: 
– Save time and effort when building new FAQ sections. 
– Get high-quality, relevant questions and answers based on your topic. 
– Easily expand your knowledge base or help center with minimal manual work. 
– Maintain full control—edit or remove any AI-generated content before publishing.
This feature is perfect for quickly launching new FAQ groups, onboarding new products, or providing instant support content for your users. The “Create with AI” tool is designed to streamline your workflow and help you deliver accurate, helpful information to your audience faster than ever.
<h4>🤖 AI-Powered FAQ Answer Suggestions</h4>
Starting from version 1.6.4, Ultimate FAQ Solution includes an AI-powered feature that can instantly generate suggested answers for your FAQs. When creating or editing a FAQ, simply click the “AI Assistant” button to receive a relevant answer draft—saving you time and helping you craft accurate, helpful responses. You can review, edit, and customize the AI-generated content before publishing.
This feature is designed to streamline your workflow, especially when building large knowledge bases or handling repetitive questions. AI-generated answers are optional and fully under your control, ensuring your content always matches your brand voice and standards.
💡 Streamline your workflow, minimize support requests, and deliver a seamless user experience with customizable, mobile-friendly FAQ sections.
🔗 <a href="https://www.braintum.com/contact-us/" rel="nofollow ugc">Support & Feature Requests</a> | <a href="https://www.braintum.com/ultimate-faq-solution/" rel="nofollow ugc">Live Demo</a> | <a href="https://github.com/Braintum/ultimate-faq-solution" rel="nofollow ugc">GitHub</a>
<h4>✅ Key Features Overview</h4>
<ul>
<li>🧠 Create with AI: Instantly generate entire FAQ groups with one click using advanced AI assistance.</li>
<li>💬 FAQ Assistant: Add an interactive, floating help icon with chat-style FAQ access for instant answers.</li>
<li>🤖 AI-Powered Answer Suggestions: Instantly generate FAQ answers using AI to save time and improve accuracy.</li>
<li>♿ Accessibility-Ready Templates: Ensure your FAQs are usable by everyone, including assistive technology users.</li>
<li>🧩 Gutenberg Block Support: Easily insert in the WordPress block editor.</li>
<li>📄 FAQ Schema / Structured Data: Built-in support for FAQPage schema for enhanced SEO and Google rich snippets.</li>
<li>🛒 WooCommerce Product FAQ Tabs: Display FAQs directly on product pages with a dedicated tab.</li>
<li>🔍 Live AJAX Search: Let users find answers instantly with real-time search.</li>
<li>📚 FAQ Directory with Search & Group Filter: Create a searchable, filterable FAQ directory for easy navigation.</li>
<li>🔄 Accordion & Toggle Display Modes: Choose between accordion or toggle layouts for your FAQ sections.</li>
<li>📝 Bulk Edit FAQs in a Group: Edit all FAQs within a group from a single screen for streamlined management.</li>
<li>🔗 Easy Shortcode Placement: Insert FAQs anywhere using simple shortcodes.</li>
<li>🎨 200+ Icon Choices: Enhance your FAQ design with a wide selection of icons.</li>
<li>🖌️ Customizable Layouts: Match your site’s branding with flexible design options.</li>
<li>📱 3 Responsive Templates: Choose from three fully responsive templates for any device.</li>
<li>🌐 Fluid Width Support: FAQs adapt seamlessly to any screen size.</li>
<li>🌍 Multi-Language: Compatible with translation plugins.</li>
<li>🧑‍💻 Developer-Friendly Code: Clean, well-documented code for easy customization.</li>
<li>🚀 SEO-Friendly & Lightweight: Optimized for speed and search engine visibility.</li>
<li>⬆️ Native Export/Import System: Seamlessly migrate, backup, or transfer your FAQs with our custom-built export/import functionality.</li>
<li>👁️ FAQ Preview Option: Preview your FAQ groups before publishing.</li>
</ul>
🤝 FAQ Assistant 
The FAQ Assistant adds an interactive, floating help icon to your website, giving visitors quick access to your FAQs in a sleek, chat-style interface. Use the settings below to enable the assistant and customize its behavior. Improve user experience by making answers more accessible—right when and where your visitors need them.
With the FAQ Assistant, your users can search for answers, browse FAQ groups, and interact with your knowledge base in real time—without leaving the page they’re on. The assistant is fully customizable: you can adjust its appearance, welcome message, and even the footer text to match your site’s branding and tone. It’s designed to be mobile-friendly and accessibility-ready, ensuring all visitors can benefit from instant support.
Whether you run a WooCommerce store, a membership site, or a blog, the FAQ Assistant helps reduce support requests and empowers your users to find answers independently. Enable it today to provide a modern, conversational FAQ experience that keeps your audience engaged and informed.
🔄 Native Export/Import System 
Ultimate FAQ Solution features a powerful, custom-built export/import system that goes beyond WordPress’s default import/export functionality. Our native solution is specifically designed for FAQ data, ensuring perfect compatibility and a seamless migration experience.
Why Choose Our Native Export/Import? 
* Purpose-Built for FAQs: Unlike generic WordPress importers, our system is specifically designed to handle FAQ groups, questions, answers, and their relationships perfectly. 
* Complete Data Integrity: Preserve all FAQ metadata, custom fields, and relationships during export/import operations. 
* Selective Export: Choose exactly what to export – specific FAQ groups, settings, or everything at once. 
* JSON Format: Clean, readable JSON format that’s both human-readable and developer-friendly. 
* No Data Loss: Our native system ensures 100% accuracy when transferring FAQ content between sites. 
* Better Performance: Faster and more reliable than WordPress’s default import system for FAQ-specific content.
Perfect for: 
* Migrating FAQs between staging and production sites 
* Creating backups of your FAQ content 
* Transferring FAQ databases between different WordPress installations 
* Sharing FAQ templates with team members or clients 
* Setting up multiple sites with similar FAQ structures
The export/import functionality is accessible directly from your WordPress admin under Ultimate FAQs > Export/Import, providing an intuitive interface for managing your FAQ data transfers with just a few clicks.
<h3>Usage</h3>
<ol>
<li>Go to Ultimate FAQs in your admin menu.</li>
<li>Create a new FAQ Group.</li>
<li>Add questions and answers using the built-in editor.</li>
<li>Enable and configure the FAQ Assistant via the plugin settings to show the floating help icon.</li>
<li>Insert the FAQ on any page or post using the shortcode: <code>[ufaqsw-all]</code></li>
</ol>

Ultimate FAQ Solution

Create, organize, and display FAQs with AI-powered answers, one-click FAQ groups, WooCommerce, and a floating chat assistant.

Good Accordion vs Ultimate FAQ Solution