Easy Accordion Block – Accordion, FAQ & Collapsible Content for the Block Editor
Easy Accordion Block adds a native accordion block to the WordPress block editor, so you can build FAQ sections, product specifications, documentation, and collapsible content in minutes — without shortcodes, without a page builder, and without touching a line of code. It is built entirely with Gutenberg’s own components, so the controls feel like the rest of the editor and the output matches your theme automatically. 🌟 View Live Demos | Compare Free vs Pro Why choose Easy Accordion Block? Truly native – built with Gutenberg components, not a wrapper around an old jQuery plugin. Loads only where it is used – block assets are enqueued on the pages that actually contain an accordion. Accessible by default – real ARIA roles, full keyboard support, and screen-reader-friendly panels. Works with any theme – block themes, classic themes, and hybrid themes. Any content inside – put images, videos, buttons, columns, or any other block inside a panel. Accordion features Single or multiple panels open – decide whether one item stays open or several can be expanded at once. Allow all panels closed – let visitors collapse everything for a cleaner page. Open on page load – mark any item to render already expanded. Nested accordions – place an accordion inside a panel, with optional separate styling for the nested level. 130+ built-in SVG icons – pick separate icons for the expanded and collapsed state, on the left or the right. Heading icons – add an icon in front of any accordion title. Premade patterns – start from a ready-made design and edit it, instead of building from scratch. Design and styling Full responsive control – separate desktop, tablet, and mobile values for spacing and sizing. Normal, hover, and active states – style each state independently. Typography – font family, weight, size, line height, letter spacing, transform, and decoration. Borders, radius, padding, margin, box shadow – on the item, the header, and the panel. Theme colour palette support – colours stay consistent with the rest of your site. Accessibility Accessibility is a feature here, not an afterthought: Correct aria-expanded, aria-controls, and labelled panel regions. Full keyboard operation — Enter, Space, Up, Down, Home, and End. Unique, non-colliding IDs even with several accordions on the same page. Respects the visitor’s reduced motion preference. Panel content stays readable when JavaScript is unavailable, and expands automatically when the page is printed. Privacy Google Fonts are requested only when you actually choose one, and only in the weights you use. You can switch remote font loading off entirely with a setting or the esab_disable_google_fonts filter — useful for GDPR-sensitive sites. Perfect for FAQ pages · knowledge bases and documentation · product specifications · pricing and policy pages · course and lesson outlines · service descriptions · anywhere long content needs to collapse. Go further with Easy Accordion Block Pro The free plugin covers everyday accordions and FAQs. Easy Accordion Block Pro adds: FAQs block with FAQ schema markup – outputs valid FAQPage JSON-LD so your questions are eligible for Google rich results. Instant search – filter long FAQ lists as the visitor types. Load more – reveal items in batches instead of all at once. Open all / close all buttons – expand or collapse an entire set in one click. Three activators – open on click, on hover, or play through automatically. Badges – highlight individual items with a label such as “New” or “50% OFF”. Subheadings – add supporting text under any accordion title. Linked accordions – turn the title, the whole header, or an extra icon into a link. Disable specific items – lock an item so it cannot be opened on the front end. Custom icons – upload your own SVG or image instead of using the built-in set. Unfold block – fold long content behind a Show More / Show Less button.
Top keywords
- block11×1.82%
- accordion10×1.66%
- accordion block5×0.83%
- content5×0.83%
- open5×0.83%
- page5×0.83%
- panel5×0.83%
- accordions4×0.66%
- faq4×0.66%
- icons4×0.66%
- item4×0.66%
- automatically3×0.50%
FAQ Schema – Accordion, Tab, Slider & Gutenberg Block
See the video to Get Started: Installation, Activation, Adding FAQs, and Using Shortcodes Live Demo | Premium Version (30% OFF) | Documentation | Accordion FAQ Example | Tabbed FAQ Example | Slider FAQ Example | Support Ticket Looking for a comprehensive FAQ solution for your WordPress site? This responsive and user-friendly plugin provides accordion-style, tabbed, and slider formats to display your FAQs in a stylish and organized manner. You can add FAQ Schema markup to your WordPress site easily with this plugin. This FAQ rich snippets plugin helps you create structured FAQ data compatible with Yoast and Rank Math. The plugin passes Google’s FAQ schema validation. It’s compatible with Elementor and Gutenberg Block Editor, making it easy to integrate into your website. Download this FAQ plugin for WordPress now and give your visitors an exceptional FAQ experience. Say goodbye to confusion and hello to simplicity with this feature-packed plugin. KEY FEATURES Pre-Made FAQ Templates FAQ Schema Markup Support Fully Responsive Accordion FAQ Fully Responsive Tabbed FAQ FAQ Slider with Full Responsiveness Fully Responsive FAQ Block Elementor & Gutenberg Support Compatible with Rank Math and Yoast SEO FAQ Theme Widget Drag and Drop Feature Integrated Toggle and Collapse Effects Perfect for Beginners FAQ Accordion System + Design Expand & Collapse Icon Color Accordion Title Background Color Accordion Description Text and Background Color Unlimited Color and Styling Options Shortcode Support Custom CSS Field to Override Styles WooCommerce Product FAQ Support Multiple FAQ Groups Search Functionality Print Functionality Email Functionality Category and Tag Support Custom Post Type Support Translation Ready RTL Support Cross-Browser Compatible Lightweight and Fast Loading WHAT IS FAQ SCHEMA? FAQ Schema is structured data markup that helps search engines understand your FAQ content. When properly implemented, it can result in rich snippets appearing in Google search results, displaying your questions and answers directly in the search listings. This can significantly improve your click-through rates and visibility in search results. DISPLAY FORMATS Accordion Style Display your FAQs in a classic accordion format where users can click to expand and collapse questions. This format is perfect for saving space while providing easy access to information. Tabbed Layout Organize your FAQs into tabs for better categorization. Users can switch between different FAQ categories with a single click. Slider Format Present your FAQs in a modern slider format, perfect for showcasing important questions on your homepage or landing pages. GUTENBERG BLOCK EDITOR SUPPORT The plugin includes a dedicated Gutenberg block for adding FAQs directly in the Block Editor. Features include: Live preview while editing Full customization options Drag and drop reordering Schema markup integration Multiple display styles ELEMENTOR INTEGRATION For Elementor users, the plugin provides custom widgets: FAQ Accordion Widget FAQ Tabs Widget FAQ Slider Widget Full styling controls Responsive options Animation effects WOOCOMMERCE SUPPORT Add product-specific FAQs to your WooCommerce product pages. Help customers make informed purchase decisions by answering common questions directly on product pages. SEO BENEFITS Rich Snippets in Google Properly implemented FAQ Schema can result in your FAQs appearing as rich snippets in Google search results, increasing visibility and click-through rates. Compatible with SEO Plugins Works seamlessly with: – Yoast SEO – Rank Math – All in One SEO – The SEO Framework Structured Data Validation The plugin’s FAQ Schema markup passes Google’s Rich Results Test and Schema Markup Validator. CUSTOMIZATION OPTIONS Styling Controls Custom colors for all elements Typography settings Border and spacing options Icon customization Background options Hover effects Layout Options Single column or multi-column layouts Grid or list display Custom widths Spacing controls Behavior Settings Expand/collapse speed Single or multiple open FAQs Auto-close options Smooth scrolling SHORTCODE USAGE Display FAQs anywhere on your site using simple shortcodes: [faq_schema_ultimate] - Display all FAQs [faq_schema_ultimate id="123"] - Display specific FAQ group [faq_schema_ultimate category="product"] - Display FAQs by category PRO VERSION FEATURES Upgrade to Pro for advanced features: 10+ Premium Templates Advanced Styling Options Priority Support WooCommerce Deep Integration Advanced Search with Ajax FAQ Import/Export Custom Fields Video FAQ Support FAQ Analytics And much more! Get Pro Version (30% OFF) USE CASES E-Commerce Stores Answer common product questions, shipping queries, and return policies. Service Businesses Explain your services, pricing, and booking procedures. SaaS Companies Provide technical support and feature explanations. Educational Sites Create course FAQs and enrollment information. Healthcare Websites Answer patient questions and provide medical information. Real Estate Agencies Explain property features and buying/renting processes. MULTILINGUAL SUPPORT The plugin is translation-ready and compatible with: WPML Polylang qTranslate-X Loco Translate TranslatePress PERFORMANCE OPTIMIZED Lightweight code Minimal HTTP requests Lazy loading support Optimized database queries Fast rendering Mobile optimized DEVELOPER FRIENDLY Clean, well-documented code Action and filter hooks Template override support Custom CSS options REST API support Multilingual Ready WPML Polylang qTranslate-x GTranslate Google Language Translator WPGlobus Page Builders Works with: Gutenberg Block Editor Elementor WPBakery Divi Builder Beaver Builder Oxygen Builder