10 Best WordPress Accordion Plugins

Have you seen these awesome collapsible sections on sites that expand after clicking, and you see a text/image appear immediately, and it seems like magic?

That is called Accordion. It adds an extra touch of professionalism on your post/page and improves the user experience on your site.

If you wanted to do it before, you needed to be a good developer, or you would pay someone to do it for you. But now, you can do it easily with many of the WordPress plugins.

And when it comes to choosing a plugin for accordion, there are dozens of options available.

To help you to choose the right one for you, I’m going to share a list of 9 best WordPress accordion plugins.

Best Accordion WordPress Plugins

There are different plugins for different purposes. Here I’ll be different types of plugins to help you to decide the perfect one for you.

Let’s get to the first option.

1. Easy Accordion

Easy Accordion is a popular accordion plugin that helps you create responsive drag-and-drop accordions and add them easily to your page with the ability to customize a lot of things. It is created by the team at ShapedPlugin, and it is available for free on the WordPress plugins directory.

Here are some of the features of this plugin:

  • WP Classic Editor for the accordion content. (WYSIWYG)
  • Drag-and-Drop the accordions to sort them.
  • Configure the activation to respond to a mouse click or mouseover.
  • Easily configure the mode on page load, either first open, all open, or all folded.
  • Easily configure the border, title background color, margins, background color and more.
  • Change styling as you want with unlimited options.

There is also a premium version that you could get to access to 16 beautiful templates for the accordions with a few more options with lifetime support.

Here is an example of how the accordions can look like:

Things To Know Before Choosing The Plugin:

  • It is a great option to think about. Get the PRO version if you want support from their team and access to their 16 templates. Other than that, the free version is great.
  • The pro version costs $29.

2. Ultimate Blocks

Ultimate Blocks is a Gutenberg blocks plugin which has more 15 custom blocks. Along with Content Toggle (Accordion), it offers some useful blocks like tabbed content, table of contents, call to action, testimonials, click to tweet, countdown, image slider, button and more.

You don’t need to worry about the page speed while using this plugin. You can enable and disable blocks based on your usability.

Here are a few of the features of this plugin:

  • A Lightweight plugin that contains other useful blocks.
  • Easily configure whether the accordion is collapsed or open by default.
  • Easily change the container color and the color of the title.
  • FAQ Schema option to shows FAQs in Google SERPs.

Here’s s live example of how an accordion looks like created with this plugin:

No, this plugin is only for new WordPress Block Editor (Gutenberg Editor).

Yes, it’s free. You can download it from WordPress.org.

Yes, you can insert other blocks inside the accordion block.

Yes, it has an option to enable FAQs for accordions.

Things To Know Before Choosing This Plugin

If you’re not yet using the Block editor, then this plugin isn’t the right option for you. But if you do, then you need to consider it not just for its awesome accordion, but also for the ability to use other blocks as well without the need for extra plugins. And don’t worry, it doesn’t take much time to load.


3. Heroic FAQs

This is a beautifully designed FAQs plugin developed by Hero Themes. The plugin has a very intuitive interface with a drag-and-drop editor that makes building FAQ easy. 

It also lets you edit all your FAQs from a single page, therefore, simplifying the process and saving you some time. 

You can create rich FAQs using this plugin and add images, blockquotes, lists, videos, and more. 

The plugin lets you choose from 5 different predefined styles for FAQs. But you also get the ability to customize the design according to your website’s branding. 

Here are some features of this plugin: 

  • Drag-and-Drop Interface
  • Add Images/Videos to FAQs
  • 5 Pre-defined FAQ Styles
  • Custom FAQ Ordering
  • Mobile Friendly
  • CSS3 Animations
  • Translation Ready

Here’s an example of how accordions look using this plugin: 

Things To Know Before Choosing The Plugin

  • When it comes to simplicity and ease of use, this is one of the best WordPress FAQ plugins out there. 
  • The drag-and-drop interface makes it very easy to build FAQs. 
  • If you want your FAQs to look attractive, you will like this plugin as it has 5 predefined styles and all of them look great. 
  • The plugin however is not free. The single site license of this plugin costs $49 and comes with 1 year of updates and support. 
  • You can also get a 3-site or the 5-site license of the plugin. 

4. Accordion

Accordion is a simple plugin available on the free WordPress plugins directory by the PickPlugins team. You can simply add this to your website with the click of a button and start creating accordions with ease.

Features of this plugin:

  • Create unlimited accordion FAQs for free.
  • Add them via shortcodes.
  • Easily edit the accordion in the WP order.
  • Change the sorting of the accordion as you want.
  • Change the background image or color or hide the whole accordion with ease.

There is also a premium feature that gives you access to features like:

  • Shortcodes support to use inside the accordion content directly.
  • Multilevel, nested accordion created with ease.
  • Make it active on mouse hover.
  • Lazy load feature is available to load after the page loads and gives your site faster speed ranking.
  • Easily edit header & content custom padding and margins.
  • Vertical tabs can be created as well.

Here’s an example of how an accordion looks like created with this plugin:

Things To Know Before Choosing This Plugin

It is a great option to think about. But if you want to get the most out of it, you need the premium version. The free version is good when you want to add a simple accordion.


5. Lightweight Accordion

Lightweight Accordion adds a collapsible accordion to your site with a small code footprint. Using the details HTML tag and a small (optional) CSS file, the plugin creates a Javascript-free accordion for maximum performance.

The plugin is compatible with Gutenberg and the classic editor via a shortcode. Additional options in the accordion are it generates text and background color, open by default, and even FAQ schema options.

Here’s an example of how the accordion will look like –

Things To Know Before Choosing The Plugin

  • It’s a free plugin that works with both the Classic & Block editor. And it’s very lightweight.
  • It also offers FAQs schema

6. Accordion FAQ

Created by the team at WP Shopmart, Accordion FAQ is another great plugin which is specially designed for FAQs. It’s available for free on the WordPress plugins directory.

You can create the accordion in the backend, and then add it simply to the page with the shortcode.

Here are some of the features of this plugin:

  • Drag-and-Drop builder with API integration.
  • Sort the items easily with the draggable option.
  • Easily add content in the input fields.
  • Change the color easily to whatever you want.
  • Hide all accordion on page load or display all options.

There is also a pro version that has features like:

  • 8 design templates already available to use.
  • 30+ content animations.
  • 4 types of background Overlay.
  • On hover accordion.
  • The ability to easily preview your items.

Here is an example of how your accordion will look like:

Things To Know Before Choosing The Plugin

  • It is a great plugin. You can go with the free version if you don’t mind the extra design features that you get with the PRO version like on hover animation.
  • If you want the PRO version to use on 1 site for 6 months, you can get the first plan for $9. The premium business plan costs $27 and can be used on unlimited sites for a lifetime.

7. Bellows Accordion Menu

This is another great accordion plugin for WordPress. Developed by SevenSpark, this plugin lets you build a beautiful and fully responsive accordion for your website. 

You can choose from 3 different styles for the accordions in this plugin. But you can also customize the style yourself from their accordion customization settings. 

The plugin lets you add icons, images, lists, and custom widgets to your accordions. 

Here are some of the key features of this plugin:

  • 3 Accordion Skins
  • Fully Responsive
  • Add images, icons, and custom content to accordions
  • Shortcode Integration
  • Widget Integration
  • Multiple Sub-level Menus in Accordions

Here’s an example of an accordion created using this plugin: 

Things To Know Before Choosing This Plugin

  • If you’re looking for an accordion plugin with the ability to create sub-menu levels, this one is the perfect option. 
  • The plugin comes for free but also has a premium version with more features. 
  • The ability to add custom content to accordions is only available in the premium version of the plugin. 
  • The premium version of the plugin costs $15 for a single site license. You can also get the 5-site or 25-site license of the plugin.

8. Tab – Accordion, FAQ

It is a free plugin available at the WordPress plugins directory. It is created by Richteam. It helps you to create both tabs and accordions with great options to make sure you customize it to suit your needs.

You can create simple tabs, animated ones, horizontal or vertical, circle tabs or icon tabs, simple accordion or animated one, and more.

Here are some of the features of this plugin:

  • 31 types of tabs and 31 types of accordions.
  • Can be used on a post or page or as a widget.
  • Tab transitions can be customized.
  • Unlimited number of tabs or accordions or FAQs can be created.
  • And much more.

You also get more features with the Pro version like:

  • Random effects.
  • Content transition animations like bounce down, bounce left, horizontal flip and much more.
  • Customize header font size and color.
  • Customize the background color of the title.
  • Custom hover and active effects.
  • Support from the team.
  • And much more.

Here is an example of how the accordions can appear using this plugin:

Things To Know Before Choosing The Plugin

  • This is one of those plugins that is created for people who want to have a lot of options to choose from that has the ability to customize everything. It is not for everyone, but if you like this, then this plugin is a great one to think about.
  • If you want to have even more options, the Pro version is created for you. You will love playing with the content transition animations.
  • And it only costs $10 to use on 1 site, with 6 months of support & updates.
  • The developer licence can be used on unlimited sites with 1 year of support and updates.

9. Shortcodes Ultimate

Shortcodes Ultimate is another one of those ultimate plugins that could help you do a lot of things, including the ability to add accordions, but it is much more than that. It is created by Vladimir Anokhin, and it is available for free on the WordPress plugins directory.

It offers you a lot of shortcodes that can be added almost anywhere like in the post editor, widgets, or template files. These shortcodes can help you create tabs, buttons, sliders and much more.

Here are some of the features of this plugin:

  • More than 50 shortcodes already inserted.
  • Add the shortcode with just 1-click.
  • Can be used with Gutenberg as well.
  • Use the custom CSS editor to edit the design.
  • More add-ons can be purchased for more options to add to this plugin.

Here is an image with few of the things you can add with this plugin, including an accordion.

Things To Know Before Choosing The Plugin

  • It is a great plugin that can be used for different purposes, not just an accordion. You can add even more options by purchasing add-ons to add to this plugin.
  • If you want more customization options with the accordion, then don’t go with this one. But if you want simplicity, and want more features than just the accordion, then don’t choose it.

10. Essential Addons for Elementor

As the name suggests, it’s an addons plugin for Elementor. With over 200K+ active installations, it’s the most popular Elementor addons plugin available. It has more than 60 widgets.

It offers two accordion widgets – Advanced Accordion and Image Accordion.

Advanced Accordion allows you to show text-based contents on both accordion and toggle way. Image Accordion has both on hover and on click option.

Here’s how Advanced Accordion looks like:

Things To Know Before Choosing This Plugin

  • You need to have Elementor installed to use this plugin.
  • It’s a freemium plugin. That means you can download it for free from WordPress.org. The premium version starts from $29.97 for one site.

Conclusion: Which Is the Right Accordion Plugin for You?

Creating an accordion shouldn’t be an issue anymore. You already have 9 different options to choose from that offer you great options for creating an accordion that suits your needs.

If you already have or plan to have the Elementor page builder, then there’s no need to add other options. It offers you great options to edit your content.

The same can be said with Ultimate Blocks if you use Gutenberg and want more blocks to edit your content as you need.

Shortcodes Ultimate is another option that has accordions to it with other options to edit your content. So if you have it already, don’t bother with the other options.

If you have images and want to make your accordion appeal to your users with dynamic content adding, then Accordion Slider and Grid accordion are great options to consider.

If you want a plugin that is rich with features, Tab-accordion is the one to look into. If you want a simple-to-use one, the free Accordion plugin is a great one to consider alongside Accordion Shortcodes.

Tell me below which one you’re choosing and why. 🙂

Get our latest posts delivered to your inbox!

We don’t spam! Unsubscribe anytime!

5 thoughts on “10 Best WordPress Accordion Plugins”

  1. Hi Istiak Rayhan,
    That is a very useful list. I want to create a hobby website a list of aphids with information on literature. But I have a problem. I downloaded “Accordion”, activated the plugin and clicked in the menu Accordion on “Add new” and wanted to download content. However it was not possible to include text (content). Can you please advise me? And how to indent lines, is that also possible?
    Thank you for your respons.
    Best regards,
    Paul Piron

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Shares
Share via
Copy link
Powered by Social Snap