Best Accordion Block Plugin for WordPress
ComboBlocks provides best WordPress accordion block plugin for creating FAQ, collapsible content, expandable content, horizontal accordion, multi level accordion, nested accordion, vertical accordion, responsive accordion.
7000+Support Issue Solved
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
- Current Date – dynamic class name Pro!
- Term Title – dynamic class name Pro!
- Post Term Title – dynamic class name Pro!
- Author Name – dynamic class name Pro!
- Rankmath Title – dynamic class name Pro!
- Search Terms – dynamic class name Pro!
- Custom Label Icon Pro!
- Accordion Item header customization Pro!
- Accordion Item label customization Pro!
- Accordion Item custom icon Pro!
- Accordion Item label icon Pro!
- Bootstrap icons support
- Various icon position
- Custom wrapper tag
- Advanced CSS pseudo selector Pro!
- Advanced CSS property Pro!
- In-built pro block variations Pro!
Screenshots
Nested Accordion
You can easily create a nested accordion to break down complex information into smaller, manageable sections. Each accordion can be styled differently on the nested accordion to create a creative look.
Accordion Search
Our real-time accordion search feature saves time and reduces frustration for users who know exactly what they are looking for. For a large number of items, this search functionality is a valuable feature.
Advance Icon Option
So far, we’ve included three different icon libraries Font Awesome, IconFont, 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.
Documentation
Frequently Asked Questions
Basically, an accordion is a vertically stacked list of items. Each list may contain a title or other content snippet.
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.
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.