Best Accordion Block Plugin for WordPress

Create the Best Gutenberg Accordion Block, Accordion Block Plugin for WordPress, Display Collapsible Content with Gutenberg Blocks and More.

7000+Support Issue Solved

4.5 Star Rating

2,531,647+ Total Downloads

List Of Features

  • CSS library for each element
  • Block Variations
  • Custom Accordion items tag
  • Font Awesome icon support
  • IcoFont support
  • Bootstrap icons support
  • Various icon position
  • Advanced CSS pseudo selector
  • Custom wrapper tag

Screenshots

Advance Icon Option

So far, we’ve included three different icon libraries Font AwesomeIconFont, and Bootstrap Icons, to choose from. Also, there is an option called ‘Icon Position‘ to change the position of icons.

Accordion Content Style

Under Content, we have Styles tab that can help you add styles to your Accordion Content. We have included a maximum number of CSS properties on our Styles Component. This Styles feature is so advanced that you can also customize CSS states like hover and add styles.

Active Header Style

Under Header Active, you’ll find our Styles Component for styling. Given styles will apply once the Accordion is active or expanded.

Custom Class

Custom classes are important to make your HTML design more modular, reusable, and maintainable. We’ve the option to put custom classes on our Accordion Gutenberg block.

Label Counter

The Accordion Label Counter provides a clear indication of the number of items in the accordion, which can help users to navigate the content more easily. From our Label Counter option, you can customize the HTML wrapper tag and change the position for label counter.

Custom Wrapper Tag

Sometimes, it’s essential to customize the wrapper tag to match the design or from an SEO perspective. We have included h1 to h6, Span, Div, and P tag that you can choose from.

Accordion schema

Our Accordion block can automatically generate Schema which is really helpful for SEO. Accordion schema is a type of structured data markup that can be used to mark up accordion content on a website. This markup helps search engines understand the structure of the content and how it is organized.
From the option settings, you can quickly enable or disable Schema.

Frequently Asked Questions

What is accordion in HTML?

Basically, an accordion is a vertically stacked list of items. Each list may contain a title or other content snippet.

What is the HTML tag for collapsible?

The <details></details> tag in HTML is for collapsible. It creates a collapsible section of content that users can expand or collapse. You can use the <summary></summary> Tag to add a trigger text or heading.

Does the Combo Blocks plugin offer Accordion block?

Yes, The “Combo Blocks” plugin has a block called Accordion. This block is super flexible and easy to customize. Also, you can quickly get a start by picking a built-in variation.

Get Started Building Fantastic Blogs, News Magazine Websites, and More!

Using the Combo Blocks Gutenberg plugin, you may create the websites of your dreams.