Reviews

7 Best WordPress Accordion Block Plugins 2022 (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. 

WordPress accordion helps to improve your website visitors’ user experience. An accordion helps to read any post easily and quickly with a collapsible tab layout. Therefore, your website visitors will find your content easily without hassle. Which leads to a lower bounce rate

However, there are plenty of WordPress accordion block plugins with amazing features, and choosing one 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.

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 7 best WordPress accordion block plugins for 2022. 

So, let’s move on!


7 Best WordPress Accordion Block Plugins 2022

Here, we’ve shortlisted some of the best WordPress accordion block plugins for 2022. It includes the complete description, feature, pricing, and building process of each of them. So, go through them thoroughly and choose the one that’s right for you. 

1. Accordion Blocks – WordPress plugin

Accordion Blocks is an intuitive plugin that allows you to add Gutenberg blocks to your WordPress website. Also, you can create and publish accordion blocks along with HTML headings. Furthermore, you can edit the accordions with custom HTML and CSS for in-depth customization.

Accordion Block WordPress Plugin

Key Features:

  • You can enable auto-close of the current accordion item when you open another item.
  • Also, you get to nest accordion items as required.
  • The accordion items support custom block styles using wp.blocks.registerBlockStyle.
  • In addition, you can choose to open any accordion items by default.
  • Furthermore, you’re able to set the defaults to new items or set specific accordion features. 

Creating The Accordion:

Now, to use this plugin, you can simply search it on your WordPress dashboard. Then, install and activate the plugin. Afterward, go to your post, click on the “+” button on the top right corner, and choose Accordion items. The accordion block will appear on your post, as shown in the image below. 

Add Accordion From Accordion Blocks for WordPress Website
Using Accordion Blocks

Furthermore, it comes with many customization options like click to close, auto close, open by default, etc. You can also set the scroll pixel offset.

Accordion Blocks Customization Option
Using Accordion Block Settings

If you want to get a clear idea, then you can check our article on how to install a WordPress plugin

Pricing:

This plugin is free to use. You can download this plugin from the official plugin repository of WordPress.org. Or install the plugin on your WordPress dashboard directly. 


2. Stackable

Stackable is another popular WordPress blocked editor compatible plugin that lets you add awesome collapsible accordion blocks. So, you can easily publish text-heavy FAQs or other content on your website. Also, there are 5 different accordion item styles to choose from.

Stackable WordPress Blocks Plugin

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 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, then 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. 

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

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

3. 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. Additionally, you can style the accordion items with custom margins, paddings, background colors, and more.

Advanced Accordion Gutenberg Block Plugin For WordPress

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, and much more. 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. 


4. 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

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 free-to-use plugin. You can download the plugin from the official plugin repository of WordPress.org.


5. Ultimate Blocks

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

Ultimate Blocks for Accordion Block

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.
  • Furthermore, you’ll have the option to enable the FAQ schema of the items.
  • 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 to 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 is 100% free to use. You can download this plugin from the official plugin repository of WordPress.org.


6. Gutenberg Blocks by Kadence Blocks

If you want to create a stunning WordPress website containing accordions, then Gutenberg Blocks by Kadence is the one for you. This plugin comes with tons of unique blocks including an accordion block. Using this you can create beautiful content that provides a great user experience. 

Kadence Blocks for WordPress Accordion Block Plugin

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.

7. Getwid

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

Getwid - Best Accordion Blocks WordPress Plugin

Key Features:

  • The heading is completely customizable. 
  • 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. 

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 WordPress.org’s official repository. You can also download this plugin from its official website for free. 


Conclusion

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

Here, we’ve discussed the 7 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. 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. 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.

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.