Tomas

<p>Frequently Asked Questions is a simple & fast jQuery faq solution to help webmaster create / manage / edit FAQs easily.</p>
<blockquote>
<h4>Features in our FAQ for WordPress plugin:</h4>
<ul>
<li>Responsive FAQ design</li>
<li>Unlimited FAQs</li>
<li>Unlimited FAQ categories</li>
<li>Opt to select multiple templates and color schemes for FAQ</li>
<li>Create FAQ categories and assign FAQ posts to categories</li>
<li>Display FAQs grouped by category: you can use You can use shortocde [faq catid=1] to show FAQs by categories, in the case you have multiple products, you can build multiple faq lists which grouped by FAQ categories</li>
<li>Display limited FAQ items: Just use shortcode parameters like this: [faq limit=’20’]. If you want to display all faq items, use shortcode [faq] directly </li>
<li>Custom FAQ items Order: In FAQ global settings panel, you can custom FAQ items order</li>
<li>Wocommerce FAQ: In “FAQ Global Settings” panel, you will find new option “Enable Woocomemrce F.A.Q Tab”, You can display / hide F.A.Q tab in woocommerce product tabs</li>
<li>Opt to import WP existed post in FAQ list: Just input the id of existed wordpress post, you can import existed wordpress post / custom posts to create FAQ items automatically, FAQ for WordPress plugin will import the post title as FAQ title automatically, and import the post content as FAQ content</li>
<li>Opt to add No Index meta for any FAQ post to tell google do not index this FAQ post </li>
<li>Opt to custom faq bar background color, you can change color of faq bar background from color picker, in front-end, the faq bar background color will be changed as you settings in back-end</li>
<li>Create multiple FAQs for different usage.</li>
<li>Lightweight & load fast & easy to use, just 2 minutes, you can build your own faq lists</li>
<li>Add / Edit / Delete / Manage FAQ in Frequently Asked Questions via WYSIWYG wordpress standard editor</li>
<li>Support wordpress F.A.Q Index / Archive Page: In FAQ for WordPress global settings page, support opt to enable or disable faq archive page, opt to enable or disable faq permalinks</li>
<li>SEO-Friendly, we added faq link for each faq term, for help your site to get a better SEO rank, In FAQ editor, you can edit / custom the permalink of faq post, default permalink looks like this: https://tooltips.org/faq/how-to-use-wordpress-tooltips-pro-plugin</li>
<li>Support all morden browser </li>
<li>In frontend, you can use shortocde [faq] to show all accordion faq in any wordpess post or page</li>
<li>In frontend, users can toggle between hiding and showing large amount of faq content via a few clicks</li>
<li>Developer can add their customized effect on faq items via filter api</li>
</ul>
</blockquote>
<p>> * more…</p>
<p>You can find demo at <a href='https://tooltips.org/faq/' rel="nofollow ugc">FAQ DEMO</a></p>
<blockquote>
<h4><a href="https://tooltips.org/product/wordpress-faq-pro-plugin-with-wordpress-tooltips/" rel="nofollow ugc">Features in our FAQ for WordPress pro plugin ( only $5 )</a></h4>
<ul>
<li>AI FAQ — Support use OpenAI ChatGPT to generate high-quality original content for WordPress F.A.Q and wordpress post automatically</li>
<li>Opt to customize background color of FAQ question and FAQ answer</li>
<li>Opt to customize background color of FAQ question and FAQ answer</li>
<li>Opt to customize font color of FAQ question and FAQ answer</li>
<li>Opt to customize font size of FAQ question and FAQ answer</li>
<li>Opt to customize FAQ accordion activate item border color</li>
<li>FAQs grouped by category </li>
<li>Specified number of FAQ items for each FAQ</li>
<li>Support create multiple FAQs for different usage</li>
<li>more…</li>
</ul>
</blockquote>
<h3>Change Log of WordPress Frequently Asked Questions Plugin</h3>
<p>= Version 3.8.9 =</p>
<blockquote>
<p><a href="https://tooltips.org/empower-your-users-introducing-custom-faq-item-ordering-in-front-end-wordpress-faq-pro-version-4-8-6-now-available/" rel="nofollow ugc">How to Custom FAQ Item Order</a></p>
</blockquote>
<h4>Version 3.8.5</h4>
<p>In accordance with wordpress requirements, we have changed the plugin’s name</p>
<h4>Version 3.8.3</h4>
<blockquote>
<p><a href="https://tooltips.org/wordpress-faq-plugins-free-3-8-3-released-enhanced-code-security/" rel="nofollow ugc">Enhanced code security</a></p>
</blockquote>
<h4>Version 3.7.9</h4>
<p>follow wordpress security to enahnce security</p>
<h4>Version 3.7.7</h4>
<blockquote>
<p><a href="https://tooltips.org/support-customize-the-background-color-of-the-faq-questions-wordpress-faq-with-tooltips-free-plugin-3-7-7-released/" rel="nofollow ugc">In FAQ for WordPress Global Settings panel, added  new option to allow admin to custom faq bar background color, you can change color of faq bar background from color picker, in front-end, the faq bar background color will be changed as you settings in back-end</a></p>
</blockquote>
<h4>Version 3.7.5</h4>
<p>follow wordpress security to use sanitize_text_field enhance security for wordpress admin</p>
<h4>Version 3.7.3</h4>
<p>our <a href='https://tooltips.org/' rel="nofollow ugc">tooltips plugin support add tooltips effect with videos / audio / images in faq</a> items, but a user said he cannot add his customized function on faq items, in this version we added two filter for developer to add specific effects on FAQ title or FAQ content of faq items:<br />
You can use filter_faq_item_title to change content of faq title or something more, for example, add tooltip effects on faq title<br />
    apply_filters( ‘filter_faq_item_title’,  $ffw_faq_for_wp_how_to_bar_title);<br />
You can use filter_faq_item_content to change content of faq item content or something more, for example, add tooltip effects on faq content<br />
    apply_filters( ‘filter_faq_item_content’,  $ffw_faq_for_wp_how_to_bar_content);</p>
<h4>Version 3.7.1</h4>
<p>Opt to add No Index meta for any FAQ post to tell google do not index this FAQ post<br />
You can enable faq archive in the page yourdomain.com/faqs, also you can one click to disable faq archive in faq settings panel</p>
<h4>Version 3.6.7</h4>
<p>Support woocommerce faq<br />
In “FAQ Global Settings” panel, you will find new option “Enable Woocomemrce F.A.Q Tab”<br />
You can display / hide F.A.Q tab in woocommerce product tabs</p>
<h4>Version 3.6.5</h4>
<p>Support to display only the specified number of FAQ items<br />
Just use shortcode parameters like this:<br />
[faq limit=’20’]<br />
If you want to display all faq items, use shortcode [faq] directly</p>
<h4>Version 3.6.3</h4>
<p>Support wordpress F.A.Q Index / Archive Page<br />
In FAQ for WordPress global settings page, support opt to enable or disable faq archive page, opt to enable or disable faq permalinks</p>
<h4>Version 3.5.9</h4>
<p>Added a new Black Blue F.A.Q Template</p>
<h4>Version 3.5.3</h4>
<p>You can use any existed post or even custom post as FAQ, so you will not need re-write duplicated content in FAQ, we will reuse the post title as FAQ title, and reuse the post content as FAQ content.<br />
For example, if you have a bbpress topic, and you think that is helpful for users, you can just add post id in FAQ editor, and we will use the specified bbpress topic title as FAQ title and use bbPress topic content as FAQ content… and so on<br />
When you edit a FAQ term, in the right hand of the FAQ editor, you will find “Use existed post as FAQ post?” metabox, just enter the existed post id in the input box, then the title and content of this FAQ will be replaced with your specificed post</p>
<h4>Version 3.4.3</h4>
<p>Added a new Pretty Yellow faq Template, in “FAQ Global Settings” panel, in “Select FAQ Template” option,<br />
you will find the new pretty yellow faq template</p>
<h4>Version 2.4.3</h4>
<p>Added faq link for each faq term, for help your site to get a better SEO rank<br />
It looks like this: https://tooltips.org/faq/wordpress</p>
<p>In FAQ editor, you can edit / custom the permalink of faq post</p>
<h4>Version 2.1.3</h4>
<p>Added FAQ demo Url in readme</p>
<h4>Version 2.1.1</h4>
<p>Support FAQ temeplate<br />
In FAQ admin area, you will find new menu “Global Settings”<br />
In “Global Settings” panel, you will find “Select FAQ Template” option<br />
In “Select FAQ Template” option, you can select different FAQ template<br />
Also we build a demo at: https://tooltips.org/faq/</p>
<h4>Version 1.2.3</h4>
<p>Load jQuery-UI.js for more functions</p>
<h4>Version 1.1.3</h4>
<p>Support display FAQs grouped by category<br />
You can use shortocde [faq catid=1] to show faq which<br />
In faq categories manage panel, Updated label to “Add New FAQ Categories”<br />
In faq categories manage panel, Updated label to “Parent FAQ Categories”<br />
In faq categories manage panel, change button to “Add New FAQ Categories”</p>
<h4>Version 1.0.3</h4>
<p>Add icons for faq items<br />
Upgrade jquery UI theme<br />
Add images</p>
<h4>Version 1.0.0</h4>
<ul>
<li>Spell out that the license is GPLv3</li>
<li>Finished the first version</li>
<li>General code clean up</li>
</ul>
<h4>My Other Plugins You Might Also Like:</h4>
<li><a href='http://tooltips.org/features-of-wordpress-tooltips-plugin/' rel="nofollow ugc">WordPress Tooltips Pro</a></li>
<li><a href='https://wordpress.org/plugins/wordpress-tooltips/' rel="ugc">WordPress Tooltips Free</a></li>
<li><a href='https://wordpress.org/plugins/frequently-asked-questions/' rel="ugc">WordPress Frequently Asked Questions</a></li>
<h3>Download</h3>
<p>https://tooltips.org/faq/</p>


FAQ for WordPress

Easy to create multiple accordion FAQs, with different pretty templates, display FAQs grouped by category, use any existed post or custom post as FAQ

Freemius

Binsaifullah

Spider Themes

Md. Jwel Miah

Muaz BK

<p><strong>Advanced Accordion Gutenberg Block</strong> is the #1 WordPress plugin for creating professional FAQ sections, expandable content accordions, and interactive tabs directly in the Gutenberg editor. Built with 100% native Gutenberg components, this lightweight plugin delivers stunning results without slowing down your website.</p>
<p>Perfect for bloggers, agencies, and businesses looking to organize content, improve user engagement, and enhance SEO performance—all without writing a single line of code.</p>
<h3>Why Choose Advanced Accordion Block?</h3>
<p>✓ <strong>Lightning-Fast Performance</strong> – Optimized code means zero bloat. Only loads on pages using the block.<br />
✓ <strong>100% Gutenberg Native</strong> – Built exclusively with Gutenberg components for seamless WordPress integration.<br />
✓ <strong>Unlimited Flexibility</strong> – Nest accordions, mix content types, and customize every detail.<br />
✓ <strong>Consistent Update & Improvements</strong> – Regular updates and improvements to keep the plugin secure, performant, and feature-rich.<br />
✓ <strong>SEO Optimized</strong> – FAQ schema markup and responsive design help you rank higher.<br />
✓ <strong>Fully Accessible</strong> – Complete keyboard navigation (Tab, Shift+Tab, Enter/Space, Arrow keys).<br />
✓ <strong>No Coding Skills Needed</strong> – Drag-and-drop editor makes it easy for anyone.</p>
<h3>Video Overview</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/UQDLpqro9yU?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></span>
<h3>Quick Links</h3>
<ul>
<li><a href="https://advanced-accordion-block.spider-themes.net/flexible-pricing-for-all" rel="nofollow ugc">Get Pro Features</a> – Unlock advanced functionality</li>
<li><a href="https://advanced-accordion-block.spider-themes.net/demos" rel="nofollow ugc">View Live Demos</a> – See it in action</li>
<li><a href="https://helpdesk.spider-themes.net/docs/advance-accordions" rel="nofollow ugc">Full Documentation</a> – Complete guides and tutorials</li>
<li><a href="https://advanced-accordion-block.spider-themes.net" rel="nofollow ugc">Feature Showcase</a> – Explore all capabilities</li>
</ul>
<h3>Core Features</h3>
<p><strong>Free Version Includes:</strong></p>
<p><strong>Unlimited Accordions</strong> – Create as many FAQs and accordion sections as needed across all pages and posts.</p>
<p><strong>Nested Accordion Support</strong> – Build multi-level accordions for complex content hierarchies. Perfect for structured documentation and process guides.</p>
<p><strong>Global Style Settings</strong> – Set universal accordion styling from one place. Apply consistent branding across your entire website with a single click.</p>
<p><strong>Responsive Design</strong> – Perfect display on all devices—desktop, tablet, and mobile. Touch-friendly and fully responsive.</p>
<p><strong>Horizontal Accordion Block</strong> – Display accordions side-by-side with titles, subtitles, icons, and any inner blocks. Ideal for product comparisons and feature showcases.</p>
<p><strong>Advanced Customization</strong> – Customize margins, padding, border radius, colors, backgrounds, and more for each accordion item.</p>
<p><strong>Multiple Content Types</strong> – Insert text, images, videos, tables, buttons, and any other block inside accordion sections.</p>
<p><strong>Pre-Built Patterns</strong> – Get started instantly with professionally designed accordion patterns. Save hours of design work.</p>
<p><strong>Keyboard Accessibility</strong> – Full keyboard navigation support:<br />
  • Tab – Next accordion<br />
  • Shift + Tab – Previous accordion<br />
  • Enter/Space – Expand/collapse<br />
  • Arrow Keys – Navigate between items</p>
<p><strong>Active on Page Load</strong> – Automatically expand specific accordion sections when the page loads for better user engagement.</p>
<p><strong>SEO-Friendly with FAQ Schema</strong> – Automatic FAQ structured data markup improves search rankings and enables Rich Results in Google Search.</p>
<p><strong>Linked Accordions</strong> – Connect accordion items for synchronized, interconnected content experiences.</p>
<p><strong>Custom Color Palette</strong> – Choose from unlimited color options to match your brand perfectly.</p>
<h3>Premium Features</h3>
<p>Upgrade to Pro and unlock powerful advanced capabilities:</p>
<p><strong>Instant Search</strong> – Enable a search bar to help users find specific FAQs quickly. It’s useful when you have a long list of FAQs.</p>
<p><strong>Question & Answer (Q&A) Style</strong> – Display FAQs in a structured question-and-answer format for easy readability and user engagement.</p>
<p><strong>Voting Feedback</strong> – Add feedback voting buttons to each FAQ item. From the total vote count, you can understand how helpful an accordion is.</p>
<p><strong>Anchor Link</strong> – Generate unique links for each FAQ item. It’s handy for directing users to specific FAQs from external sources or within the same page.</p>
<p><strong>Open All / Close All</strong> – A functionality that lets users expand or collapse all accordion items simultaneously. It provides convenience, especially when users want to view or hide all FAQ items at once.</p>
<p><strong>Read More Button</strong> – Expand the accordion content beyond a certain character limit or line count, displaying a “Read More” button or link to reveal the entire content.</p>
<p><strong>Activator Event</strong> – Choose the event type to activate the accordion. You can choose from Click and Hover.</p>
<p><strong>Steps Layout</strong> – Sequentially open accordions, marking previously opened ones as checked, guiding users through a step-by-step process.</p>
<p><strong>Checklist Layout</strong> – Convert accordions into a checklist format, allowing users to tick off completed items, ensuring thorough task management.</p>
<p><strong>Featured Icon</strong> – Integrate custom icons/images into your accordion title to represent different types of themes visually. This enhances user experience and helps quickly differentiate content.</p>
<p><strong>Subheading Support</strong> – Add unique subheadings to each accordion section for better content organization. This improves user navigation, making it easy for visitors to find and engage with specific information.</p>
<p><strong>Custom CSS Field</strong> – With full custom CSS support, you can tailor your accordion’s colors, fonts, and animations to seamlessly align with your website’s style.</p>
<p><strong>Filter Tab by Category</strong> – Easily filter and view specific content within your accordion sections. Set custom tags in the parent accordion, and watch the magic happen with dynamic filtering for a more organized and user-friendly experience.</p>
<p><strong>Show More Button</strong> – Enhance user experience by enabling the “Show More” button in Group Accordion. Control how many items are displayed per click, keeping content organized and accessible.</p>
<p><strong>Labelling Option</strong> – User can add custom text label beside the Single accordion title, making it easier to highlight key information and categorize content effectively.</p>
<p><strong>Autoplay Functionality</strong> – Enable automatic section switching in Group Accordion blocks. Accordions will rotate between sections without user clicks, improving engagement and saving time.</p>
<p><strong>Feature Image Support</strong> – Add a custom image to each Group Accordion block for a more visually appealing and easily recognizable layout.</p>
<p><strong>Auto-Numbering with Color Support</strong> – Automatically number accordion items with customizable colors, giving your content a cleaner and more organized appearance.</p>
<p><strong>Next/Previous Navigation</strong> – Enable smooth sequential browsing inside accordion content with built-in Next and Previous navigation controls, helping users move through sections without closing the accordion.</p>
<p><a href="https://advanced-accordion-block.spider-themes.net/features" rel="nofollow ugc">See All Features</a></p>
<h3>Creating an Accordion FAQ with Advanced Accordion</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/K40z8KxojxE?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></span>
<h3>Perfect For</h3>
<p>📰 <strong>Bloggers & Content Creators</strong> – Organize long-form content into scannable, reader-friendly sections.</p>
<p>🛍️ <strong>E-commerce Sites</strong> – Build product FAQs that reduce customer support inquiries and boost conversions.</p>
<p>📚 <strong>Service Providers</strong> – Create comprehensive FAQ sections for agencies, consultants, and SaaS companies.</p>
<p>🏛️ <strong>Educational & Training</strong> – Build interactive step-by-step guides and course content with nested accordions.</p>
<p>🏢 <strong>Corporate & Enterprise</strong> – Professional Q&A sections with advanced filtering and custom styling.</p>
<p>💼 <strong>Job Boards & Directories</strong> – Expandable listings with custom organization and search capabilities.</p>
<h3>WHAT’S NEXT?</h3>
<p>If you like Advanced Accordion, then consider checking out our other WordPress Plugins:</p>
<p><a href="https://wordpress.org/plugins/eazydocs" rel="ugc">EazyDocs</a> – Powerful knowledge base plugin to easily create and manage professional documentation, wikis, and helpdesk sections.</p>
<p><a href="https://wordpress.org/plugins/antimanual" rel="ugc">Antimanual</a> – AI-powered assistant that automates content creation, documentation, and support, transforming static sites into dynamic experiences.</p>
<p><a href="https://wordpress.org/plugins/changeloger" rel="ugc">Changeloger</a> – Transform plain text changelogs into visually stunning, organized representations with pagination and version links.</p>
<p><a href="https://wordpress.org/plugins/bbp-core" rel="ugc">Forumax</a> – Standalone, feature-rich community forum plugin with voting, private replies, and Elementor integration.</p>
<p><a href="https://wordpress.org/plugins/jobus" rel="ugc">Jobus</a> – Comprehensive job board solution transforming your site into a recruitment platform with dashboards and ATS.</p>
<p><a href="https://wordpress.org/plugins/spider-elements" rel="ugc">Spider Elements</a> – Versatile library of 20+ creative widgets to enhance Elementor and build professional websites.</p>


Advanced Accordion Gutenberg Block – Create Beautiful FAQs, Content Accordions & Interactive Tabs

The colour picker does not support the colour palettes of the theme.json. Furthermore, the plugin unfortunately does not keep its core promises. According to the description, the plugin does not use any frameworks and pure vanilla Javascript. However, dashicons are loaded in the frontend for the icons - from a PageSpeed perspective, individual SVGs would be a much better choice here. Furthermore, the Javascript was written with jQuery dependency, so jQuery is mandatory and loaded in the frontend. So there is no question of Pure Vanilla Javascript here.

Not as exptected

When ever the plugin is updated the accordions used in pages show a message saying "Block contains unexpected or invalid content." and a button inciting us to recover the block.  When the button is clicked, the group accordion block disappears with all the content and one has to start all over from scratch.... not an optimal solution.

Unfortunately keeps breaking on updates

Create stunning FAQ & accordion blocks. SEO-optimized, fully accessible, zero performance impact. No coding needed.

FAQ for WordPress vs Advanced Accordion Gutenberg Block – Create Beautiful FAQs, Content Accordions & Interactive Tabs