Reviews

10 Best WordPress Accordion Block Plugins 2024 (Mostly Free)

  • Updated on
Best WordPress Accordion Plugins

Are you looking for the best WordPress accordion block plugins? If yes, then you’ve landed in the right place. 

By incorporating a WordPress accordion into your website, you can enhance the user experience for your visitors. The accordion’s collapsible tab layout allows readers to quickly navigate through your posts. Hence, resulting in an efficient reading experience. Which leads to a lower bounce rate

However, there are plenty of WordPress accordion block plugins with amazing features. Whereas, choosing one of them can be a hassle.

Therefore, we’ve handpicked the best WordPress accordion block plugins available on the market. Best of all, most of them are for free. 

Without further ado, let’s get started! 

Why Do You Need an Accordion Block?

Accordion block plugins display text contents in a compact or collapsible form, reducing long scrolls. Also, you can use accordion blocks to display content like product descriptions, FAQs, etc.

In addition, you can customize the background color, container color, toggle animation, condition toggle, and more as per your website design. 

Some more uses of accordion block in a WordPress website are:

  • To enhance user experience through interactive delivery of text contents.
  • Simplify and make your blog readable by compacting text-heavy content and long blogs.
  • Accordion blocks improve the reading experience in small screen devices.
  • Also, accordion blocks are a good alternative to in-page links.
  • In addition, accordion blocks are helpful when you need to categorize by nesting items.
  • Accordion blocks can help you to save space on your website without removing important information.

So, if you want to minimize the length of your website content, then, you might like to use an accordion block. Now, let’s check the list of the 10 best WordPress accordion block plugins for 2024. 

Need detailed guidance on which plugin to choose? We’ve got you covered with a guide on how to choose the best WordPress plugin.

So, let’s move on!


10 Best WordPress Accordion Block Plugins 2024

Here, we’ve shortlisted some of the best WordPress accordion block plugins for 2024. It includes the complete description, features, pricing, and building process of each of them.

So, go through them thoroughly and choose the one that’s right for you. 

1. Advanced Accordion Gutenberg Block

Advanced Accordion Gutenberg Block is a minimal and fast accordion plugin for your WordPress website. Also, you can choose from 3 types of accordion blocks, group, separate, and single.

Advanced Accordion Gutenberg Plugin
Advanced Accordion Gutenberg Plugin

Additionally, it comes with tons of features. For example. style the accordion items with custom margins, paddings, background colors, and more. Also, it offers an active accordion page load feature. This allows you to set a particular accordion to be expanded or open by default when the page loads.

Key Features:

  • This plugin is well-optimized and works with lightning-fast speed.
  • It also supports all types of content like text, images, etc. 
  • The accordion items are SEO-friendly, helping your website rank higher.
  • In addition, you can add unlimited FAQs to your website.
  • Furthermore, you can also add unlimited nested accordions.

Creating The Accordion:

It’s easily available from your WordPress dashboard. So, go to the plugin menu, and search Advanced Accordion Gutenberg.

Then install and activate the plugin. After that, go to your post, and click the “+” button. Following that, you’ll have 2 options, “separate block” and “group block,” choose the one.

Here we’ve selected the separate block option. 

Adding Accordion With Advanced Accordion Gutenberg Blocks
Using Advanced Accordion Gutenberg Block

With this plugin, you’ll have tons of customization options like header color, header background, icon color, etc. You can also turn your block into a linked accordion. So it opens the link when you click. 

Advanced Accordion Customization Options
Using Advanced Accordion Gutenberg Block Settings

Pricing:

This is a free WordPress plugin. You can download this plugin from the official plugin repository of WordPress.org. It’s easy to install from your WordPress dashboard. 


2. Stackable

Stackable is one of the popular WordPress block editor compatible plugins. It lets you add awesome collapsible accordion blocks.

Stackable WordPress Blocks Plugin

Also, you can easily publish text-heavy FAQs or other content on your website. Also, there are 5 different accordion item styles to choose from.

Key Features:

  • You can add motion effects in the accordion items for an awesome experience.
  • The accordion items are fully responsive to fit into all screen sizes.
  • Also, you can add custom CSS to the items for customization purposes.
  • Able to add your SVG (Scalable Vector Graphics) items as icons.
  • Furthermore, you can choose from pre-built items to speed your website development.

Creating The Accordion:

You can upload this plugin you got from WordPress.org on your dashboard. And install and activate the plugin.

Now, go to your post, and choose accordion from Stackable by clicking “+” on the top right corner. The accordion block will display on your post, and you can select the layout like default, plain, etc., to begin. Here we choose the default layout.

Add Accordion Using Stackable Blocks
Using Stackable Block

Following that, you can start with adding the title, for example, “New Block,” and add the description to your title. With stackable, you’ll have 3 customization options, “Block,” “Style,” and “Advanced.” You can customize everything from typography, color, background, heading, block position, etc.

Stackable customization Options
Using Stackable Settings

Pricing:

Stackable is a freemium plugin, and you can download the free version of the plugin from the official plugin repository of WordPress.org. Or install the plugin it directly from your WordPress dashboard.

However, there is a premium version of Stackable available. You can choose from any of the 4 pricing plans:

  • Personal Plan: $49 per year for a single website.
  • Business Plan: $99 per year for three sites.
  • Agency Plan: $149 per year for unlimited websites.
  • Agency Lifetime Plan: One-time cost of $499 and uses on unlimited sites.

3. Heroic FAQs

Heroic FAQ plugin is a complete management tool for all your Frequently Asked Questions. With its drag & drop interface, create FAQs with ease. You can even reorder items effortlessly into their desired position.

Heroic FAQ WordPress Accordion Plugin

Moreover, it offers the convenience of editing all your FAQs on a single screen. Therefore, say goodbye to the hassle of navigating multiple screens to manage your FAQs.

Key Features:

  • You can easily insert various types of content into your FAQs, including images, blockquotes, lists, videos, and more.
  • Also, comes with 5 pre-defined styles, giving you unlimited configuration possibilities.
  • It’s also responsive in design, and looks great on any device, whether it’s a desktop, tablet, or smartphone.
  • Choose from 15 FAQ icon choices to add visual interest and clarity to your FAQs.
  • The plugin offers two types of FAQ display options – accordion or toggle.

Creating The Accordion

To create an accordion, start with installing and activating the Heroic FAQ plugin. You can install the plugin either from the .zip file or FTP upload. Here we’ll install using the .zip file.

Navigate to Plugins > Add New, select the ‘Upload’ and browse to the zipped plugin file, and hit “Install now“. Further, you can easily display the accordion on your posts.

Installing Heroic FAQ Plugin
Installing Heroic FAQ Plugin

To insert FAQ, select the “+” icon at the top of the editor window while editing content. Then, select “Heroic FAQ Block” to add it to your content.

Adding Heroic FAQ accordion to The Post
Adding Heroic FAQ accordion to The Post

Besides, it comes with tons of customization options. For example, FAQ behavior, display group name, icon position, icon size etc.

Pricing:

To get this premium plugin you need to install the Heroic KB plugin. Also, all the Heroic FAQs is included with every purchase of Heroic KB. It comes in 3 pricing plans on its official website.

  • Heroic KB Essential Plan: Costs $149 per year, and comes with essential tool to build your knowledge base. it comes with the KnowAll KB themes, Heroic FAQ plugin, etc.
  • Heroic KB Plus Plan: Costs $199 per year, for growing businesses. It comes with search analysis, uses on 3 sites, and everything from the essential plan.
  • Heroic KB Pro Plan: Costs $399 per year, for building best performing knowledge base. It comes with Slack integration, uses 5 sites, and everything from the Plus plan.

4. Lightweight Accordion

Lightweight Accordion plugin is a simple and flexible accordion block plugin. It allows you to add collapsible elements to your posts quickly and easily.

Lightweight Accordion WordPress Plugin

To add an accordion to your post, you can use a Gutenberg block or shortcodes. This feature gives you the flexibility to choose the method that best suits your workflow.

Key Features:

  • Display the accordion open on load, making it easier to see the content without clicking the accordion title.
  • You can change the HTML tag wrapping the title of the accordion.
  • Ability to add the schema option and set it to FAQ, which helps improve your website’s SEO.
  • Also, it allows putting a border around the content of the accordion.

Creating The Accordion

To start, download the plugin from the WordPress dashboard. Go to Plugins > Add New. Search for the Lightweight According on the search bar and Install it. Then you can activate the plugin.

In order to add an accordion, go to your post editor. There you can find the “Lightweight Accordion” block under the “Widgets” section in the block selector. Click on the block and it’ll add it to your post.

Adding Lightweight Accordion to The Post
Adding Lightweight Accordion to The Post

Besides, you can toggle a couple of options to customize your accordion. For example open by default, HTML tag, border, and more.

Pricing:

This free WordPress accordion plugin is available to download for free from the plugin directory of WordPress.org.


5. Accordion FAQ

Accordion FAQ plugin is an excellent FAQ builder for WordPress. This plugin allows you to add unlimited accordion and collapse elements to your website.

Accordion FAQ WordPress Plugin

Moreover, you’ll have the ability to add accordion with unlimited colors. Making it easy to customize the accordion to match your website’s design.

Key Features:

  • This plugin offers 8 design templates.
  • You’ll also have 12 open/close icons set.
  • It’s compatible with popular WordPress page builders like Elementor and Gutenberg.
  • Easily sort your accordion position using the backend.
  • Also, it offers draggable accordion items for easy sorting.

Creating The Accordion

In order to add accordion, first install and activate the plugin. Once done go to the “Responsive Accordion” option in the left menu. Then click on “Add New Accordion“, there you can add an accordion and then publish it. Also, you’ll find the shortcode with your accordion number to add it on your post.

Create and Publish New Accordion
Create and Publish New Accordion

Now, go to your page editing window and paste the accordion shortcode. Once done publish your page and you’re done.

Adding Accordion FAQ With Shordcode
Adding Accordion FAQ With Shordcode

Below is an example of how your accordion will look on your page.

Accordion FAQ Example
Accordion FAQ Example

Pricing:

This freemium plugin is available to download for free from the official plugin directory of WordPress.org.

Likewise, the premium, version is available on its official website with 2 pricing plans.

  • Single License Plan: Costs $9 with a single application license with 6-month support.
  • Multiple License Plan: Costs $27 with multiple application license with lifetime support.

6. Essential Blocks for Gutenberg

Essential Blocks for Gutenberg is a popular accordion WordPress plugin. Also, this plugin lets you add beautiful accordions anywhere on your website. In addition, these accordion items are interactive and with the option to enable the toggle icon.

Essential Blocks For Gutenberg
Essential Blocks For Gutenberg

Besides, style your accordion the way you want. As well as add versatile content blocks in accordion. You can include eye-catching visuals, images, titles, etc., and display accordion amazingly.

Key Features:

  • Choose icons for your accordion item from a list of icons.
  • You can customize the background color of the accordion item.
  • Able to customize the font family of the accordion content.
  • In addition, you can change the toggle speed of the accordion item animation.
  • Furthermore, the accordion items are responsive and fit all screen sizes.

Creating The Accordion:

To get started, download the plugin from WordPress.org and upload it to your WordPress dashboard. Or directly install and activate it.

Now, open or create a new post, click the “+” button and choose accordion from Essential blocks. The accordion block will appear on your post, and now you can edit the block as you like. 

Adding WordPress Accordion Block From Essential Blocks for Gutenberg
Using Essential Blocks for Gutenberg

When it comes to customization, it comes with 3 options, “general,” “style,” and “advanced.” Here you can manage toggle speed, accordion gaps, icons, etc. You can also change the background type, color, and image. 

Essential Blocks For Guttenberg Customization options
Using Essential Blocks for Gutenberg Settings

Pricing:

Essential Blocks for Gutenberg is a premium plugin that comes with different pricing plans.

  • Starter Plan: Costs $39 for a single site, comes with 50 advanced blocks, 5000+ ready templates for 1 month, etc.
  • Innovator Plan: Coats $129 for 5 sites, comes with 50 advanced blocks, 5000+ ready templates for 3 months, and more.
  • Visionary Plan: Costs $299 for 100 sites, comes with 50 advanced blocks, 5000+ ready templates for 6 months.

7. Ultimate Blocks

Ultimate Blocks is a user-friendly WordPress Gutenberg blocks plugin that helps you add accordion to your site. You can add content in accordions which helps your visitor to read without long texts.

Ultimate Block Gutenberg Block Plugin

Besides, you can enable FAQ schema for accordions. So, it helps search engines display your FAQ content more prominently in search results.

Key Features:

  • This plugin helps you create nested accordion items easily.
  • Also, you can customize the container and title color of the accordion item.
  • In addition, you can set the initial state as collapsed or non-collapsed.
  • It allows you to set the toggle icon on the left or right side of the accordion.

Creating The Accordion:

You can easily search and install the plugin from your WordPress dashboard. After activating the plugin, go to your existing post or create a new one. Now, click the “+” icon on the top right corner of your post. This will add the content toggle from ultimate blocks. 

Adding Content Toggle from ultimate Blocks
Using Ultimate Blocks

Following that, you can start editing your block by adding the title and creating as many content toggles as you like. When it comes to customization, you can change the color of the tab, location, icon, and more. 

Content Toggle Panel Customization Option
Using Ultimate Blocks Settings

Pricing:

This plugin comes with both free and premium versions, and you can get the free from the official plugin repository of WordPress.org.

And, the premium version is available on its official website with 3 pricing plans.

  • Single Site Plan: Costs $49 per year, and comes with all pro features, updates, and primary supports.
  • 10 Sites Plan: Costs $99 per year, and comes with all pro features, updates, and primary supports.
  • 100 Sites Plan: Costs $149 per year, comes with all pro features, updates, and primary supports.

8. Gutenberg Blocks by Kadence Blocks

If you want to create a stunning WordPress website containing accordions, then Gutenberg Blocks by Kadence is for you. It comes with many unique blocks including an accordion block. Using this you can add beautiful accordion on your website.  

Kadence Blocks for WordPress Accordion Block Plugin

Moreover, you can add an unlimited number of accordions to your posts/pages. Also, you can choose whether the accordion items are open or closed by default.

Key Features:

  • You can select from one of the 4 prebuilt designs of the accordion items.
  • Also, you’ll have control over the background and color options. 
  • It also comes with the option of enabling the FAQ schema.
  • Furthermore, you can add custom HTML and CSS to the accordion items.
  • It allows you to choose from 4 pairs of toggle triggers for the accordion items.

Creating The Accordion:

You can easily install, and activate this plugin from the Plugins menu on your WordPress dashboard. To add the accordion tab to your post, first, go to your post, click the “+” icon, and choose accordion from Kadence blocks.

After that, you’ll have the option to choose the accordion style or simply skip. Here, we’ll select the second option. 

Accordion Tab By Gutenberg Blocks
Using Kadence Blocks

Following that, you can start customizing starting with the block title. You can also add more accordions as needed for your post. You’ll have the option to choose the title icon from line or solid icons. Also, decide where to locate the title icon on the block and more. 

Customizing Accordion Tab
Using Kadence Blocks Settings

Pricing:

This is a freemium plugin, and you can download the free version of the plugin from the official plugin repository of WordPress.org. 

However, you can purchase the plugin’s premium version from its official website. You can choose from any of the 3 annual pricing options.

  • Kadence Blocks Pro: For $89 yearly, you can use all the blocks on unlimited sites with 1 year of support and updates.
  • Essential Bundle: For $149 yearly, you can use the bundle of Kadence Blocks Pro, Kadence Theme Pro, and Pro Starter Templates in unlimited sites with 1 year of support and updates. 
  • Full Bundle: For $219 yearly, you’ll get the features of Essential Bundle with Kadence Cloud, Kadence AMP, etc., in unlimited sites with 1 year of support and updates.

9. Getwid

If you’re looking for a collection of Gutenberg blocks, then Getwid is the one for you. It comes with 40+ free Gutenberg blocks, including an accordion block. Using this, you can use accordion tabs to create FAQ sections. Also, categorize the information in FAQs with Gutenberg blocks. 

Getwid Accordion Blocks Plugin
Getwid Accordion Blocks Plugin

Besides, this plugin offers tons of customization options for each block. Some of them are control layouts, typography, colors, iconography, media, and more.

Key Features:

  • You can add content inside the accordion with the help of the Gutenberg block.
  • In addition, it provides custom icon alignment for accordion tabs.  
  • A toggle block is also available, adding manually expandable and collapsible toggles for the FAQ section. 
  • Also, it comes with completely customizable headings.

Creating The Accordion:

You can upload, install, and activate this plugin from the WordPress dashboard after downloading the plugin from WordPress.org. Then, click on the “+” icon in your post editor and click on “Accordion” from the Getwid Blocks.

Adding Accordion from Getwid Blocks
Using Getwid

Following that, you need to specify the number of accordion items and click the “create” button. Or you can use the default number of accordion items which is “3”

Now, you can start by adding a tile to the accordion tab. Also, this plugin lets you customize the icon style and its position. 

Getwid Customization Options
Using Getwid Settings

Pricing:

Getwid is a free WordPress block plugin available at the WordPress.org official plugin repository. You can also download this plugin from its official website for free. 


10. Easy Accordion

Easy Accordion WordPress plugin is a handy tool to enhance user experience by organizing content in a sleek accordion format. This plugin makes it easy to create stylish accordion sections for showcasing FAQs, product features, or any other content from a collapsible layout.

Easy Accordion WordPress Plugin
Easy Accordion WordPress Plugin

Besides, it offers a range of useful features, including multiple accordion styles, animation effects, and the ability to add images or icons to accordion headers. Its responsive design ensures that accordion sections adapt smoothly to various screen sizes, maintaining readability and usability across devices.

Key Features:

  • You can create multiple accordions on a single page.
  • Able to add & Remove Accordion items from the back end.
  • It also comes with accordion Description Text and Background Color.
  • You’ll have access to 16+ beautiful unique themes.
  • It also provides 14+ expand & collapse icon sets.

Creating The Accordion:

Now, to use this plugin, you can simply search it on your WordPress dashboard. Then, install and activate the plugin. After that, you’ll see the “Easy Accordion” menu, now click on the “Accordion Groups” option and then click the “Add New” option.

Add New Accordion Groups
Add New Accordion Groups

Following that, create a new accordion, for example, we’ll create a “Frequently Asked Questions” accordion. Besides, you can choose how your accordion looks like from the accordion settings. Once down, hit the publish button.

Create Accordion Group
Create Accordion Group

Now your accordion is ready to use. Simply, copy the shortcode and paste it to your post or pages.

Copy Easy Accordion Shotcode
Copy Easy Accordion Shotcode

And below is an example of how your accordion will look like.

Easy Accordion Example
Easy Accordion Example

Pricing:

You can get this plugin for free from the official plugin repository of WordPress.org. Or install the plugin on your WordPress dashboard directly. 

It also comes with the premium version from its official website with 3 pricing plans.

  • Personal Plan: Costs $29 per year with activation on 1 site.
  • Business Plan: Costs $99 per year with activation on 5 sites.
  • Agency Plan: Costs $199 per year with activation on unlimited sites.

Conclusion

That’s all, folks! We’ve arrived at the end of this article. 

Here, we’ve discussed the 10 best WordPress accordion block plugins, their features, pricing, and their building process. 

Among the listed plugins above, we would like to recommend you the Stackable plugin. That’s because it allows you to create a stunning accordion with tons of styling options. Also, this plugin offers the features required for building an amazing website.  

We hope this will help you to choose the best WordPress accordion block plugin for your website. If you’re using any of these plugins, then do share your experience in the comment section below. 

Also, if you’ve any queries, then feel free to mention them in the comment section. We’ll get back to you as soon as possible. Finally, if you like this article, then share it with your friends and colleagues. 

You may also like our article on the best Gutenberg block plugins and WordPress block patterns – how to use them to design your page.

Don’t forget to follow us on Facebook and Twitter for more useful articles. 

Some of the links on this article/page are affiliate links. If you click on such an affiliate link and purchase the product, we’ll earn a specific percent commission from the seller. But it won’t at all affect the price you’ll pay.
Written By SiteSaga Editorial
SiteSaga Editorial is a team of highly experienced writers, marketers, and web developers led by Sunita Rai. We're here to help beginners get online with their self-made websites or blogs and succeed.

Leave a Reply

Your email address will not be published. Required fields are marked *

SIGN UP TO GET FRESH CONTENT

Subscribe to our blog and get exclusive content every week! We don't like spam, so we won't spam you with junk email.