Easy Accordion Block

Description

Easy Accordion Block – Create Stunning & Responsive Accordions Effortlessly

Easy Accordion Block is a lightweight and powerful Gutenberg block that allows you to create beautiful accordion sections or FAQ sections without writing a single line of code! Built with Gutenberg native components, this block ensures seamless integration with the WordPress block editor and works flawlessly with any WordPress theme.

🌟 View Demo | Get Pro Version

Video Tutorial

🚀 Why Choose Easy Accordion Block?

Fast & Lightweight – Loads scripts only on pages where the block is used, ensuring better performance.
Highly Customizable – Adjust the accordion’s design, colors, icons, and layout to match your website’s aesthetics.
No Coding Required – Drag, drop, and customize accordion items effortlessly within the block editor.
Works with Any Theme – Fully compatible with all WordPress themes.
SEO & Accessibility Friendly – Designed with best practices for performance and user experience.

✨ Key Features

  • Single & Multiple Accordion Items Opened at Once – Control how accordion items behave.
  • Keep Accordion Active on Load – Set default open items for better user interaction.
  • Allow Closing All Accordion Items – Users can collapse all accordions for a cleaner view.
  • Nested Accordion Support – Create multi-level accordions effortlessly.
  • Customizable Icons – Choose from 100+ SVG icons for active and inactive states.
  • Add Any Block as Accordion Content – Embed images, videos, or even other blocks inside accordion items.
  • Smart Styling Options – Adjust colors, margins, padding, and use theme color palettes for seamless design integration.
  • Unlimited Accordion Items – Add as many accordions as you need.
  • Fully Responsive – Looks great on desktop, tablet, and mobile devices.
  • Accessibility Enabled – Ensures a better user experience for all visitors.

Whether you’re building FAQs, product feature sections, or collapsible content areas, Easy Accordion Block makes it simple and efficient.

👉 Download now and start creating beautiful accordions in seconds!

🌟 Pro Features

  • Schema Markup
  • Badge
  • Image Accordion
  • Load More
  • Search
  • All Open/Close
  • Linked
  • Disable Accordion
  • QA Style
  • Content Folding
  • 3 Activator Events (Click, Hover, Autoplay)
  • Check List Layout
  • Step Layout
  • Sub heading
  • Heading icon
  • Header Bar
  • Custom Icon/Image

Screenshots

Blocks

This plugin provides 1 block.

  • Accordion Easy Accordion allows you to create an accordion or faqs section easily.

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/easy-accordion-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->easy-accordion-block screen to configure the plugin
  4. (Make your instructions match the desired user flow for activating and installing your plugin. Include any steps that might be needed for explanatory purposes)

FAQ

Is it responsive?

Yes, it is fully responsive and adapts perfectly to any screen size.

Will it slow down my site?

Never, it is lightweight and only loads scripts on the pages where the block is used, ensuring optimal performance.

Can I use any content within the accordion?

Yes, you can add any block or content as accordion content, providing great flexibility.

Can multiple accordion items be open at the same time?

Yes, you have the option to allow single or multiple accordion items to be open simultaneously.

Can I keep an accordion item active on load?

Yes, the plugin allows you to keep specific accordion items active when the page loads.

Does it support nested accordions?

Yes, nested accordions are fully supported, allowing you to create complex structures easily.

Are there customization options?

Absolutely! The plugin offers highly customizable options, including custom margins, padding, colors, and more.

How many accordion items can I add?

You can add an unlimited number of accordion items, making it suitable for any content length.

Does it come with icons?

Yes, it includes 50+ SVG icons for both active and inactive accordion states, giving you plenty of design options.

Is it built with Gutenberg Native Components?

Yes, it is developed using Gutenberg Native Components, ensuring seamless integration with the WordPress block editor.

Does it support accessibility?

Yes, the plugin is accessibility-enabled, making it usable for all users, including those with disabilities.

Can I customize the styles for active accordion items?

Yes, the plugin provides options to apply custom styles specifically for active accordion items.

Does it integrate with my theme’s color palette?

Yes, you can easily use your theme’s color palette for a consistent design across your website.

Reviews

Gener 9, 2025 1 reply
This plugin lets you easily create and customize a barebones Gutenberg accordion block. It is lightweight, easy to set up and with plenty of features (spacings, colors, typography, decide which tabs should be open by default, decide if multiple can be open at once, etc.). It is also not too bloated which is great: applying custom styles to it with your own CSS is pretty easy and you can make your accordions look really professional without a lot of effort. I highly recommend this plugin!
Maig 9, 2024
Works great, has many customization features. However, the plugin misses tabindex for the accordion headings and the open/close keyboard behavior that comes with it (similar to Bootstrap). This feature is a must in terms of accessibility these days… Update: unfortunately, we had to remove the plugin from our websites since it did not pass QA. Also, in contrast with other WP plugin developers, we did not hear back from the creators of this plugin. One start, good effort!
Read all 14 reviews

Contributors & Developers

“Easy Accordion Block” is open source software. The following people have contributed to this plugin.

Contributors

“Easy Accordion Block” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Easy Accordion Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3.5

  • Improved: Dynamic style are minified and optimized

1.3.4

  • Info: Pro features are integrated

1.3.3

  • Added: Border Radius for header and content, margin for content
  • Added: Option to override style for nested accordion
  • Added: Hover style option for item, title, header

1.3.2

  • Fixed: SVG icon color issue

1.3.1

  • Fixed: PHP Fatal Errors

1.3.0

  • New Feature: Nested Accordion
  • New Feature: Allow to close all accordion items
  • New Feature: Able to close accordion in editor view
  • New Feature: Responsive device support
  • New Feature: Accessibility improvements
  • New Feature: Added 50+ SVG icons for active & inactive accordion
  • New Feature: Typography options for accordion title
  • Improved: Add new accordion item button
  • Improved: Title and icon gap option
  • Fixed: multiple accordion items opened at a time issue
  • Support: Gutenberg Built-in custom Class for block
  • Support: Gutenberg built-in anchor for block
  • Removed: Custom option for adding custom class to the block
  • Removed: Custom option for adding custom ID to the block
  • Compatibility: WordPress 6.7.1 compatible

1.2.2

  • Fixed: tabindex Accessibility

1.2.1

  • Fixed: Accordion Initial Editor style issues
  • Update: Version compatible with WordPress 6.4.x

1.1.0

  • Fixed: Styles related PHP errors are fixed
  • New Feature: multiple accordion items opened at a time

1.0.4

  • Fixed: Load scripts only on the pages where the block is used

1.0.3

  • Fixed: Active accordion issue fixing
  • Fixed: Editor styles issue fixing

1.0.1

  • Update: Redirection to the plugin page after activation

1.0.0

  • Initial Release