Accordion for WordPress

Accordions is pure HTML & CSS3 responsive Accordion plugin WordPress. By this plugin, you can display unlimited accordion at same page via short-code. Mostly work with every page build that supports displaying shortcode under content widgets.

Version: 1.0.0

Release date: 2014-10-27

Last update: 2020-03-13

Active install: 30,000+

Download: 263,508+

Download Free Version

Documentation

Live Demo

Screenshots

Here is some screenshot for quick overview.

Flexible Pricing for You

Starter - $15.00 Buy Now

1 Domain
1 Year Free Automatic Updates
Lifetime Free Manual Updates
1 Year of Free Support
7 Day Money Back Guarantee
Premium Support

Developer - $49.00 Buy Now

10 Domain
1 Year Free Automatic Updates
Lifetime Free Manual Updates
1 Year of Free Support
7 Day Money Back Guarantee
Premium Support

Business - $99.00 Buy Now

100 Domain
1 Year Free Automatic Updates
Lifetime Free Manual Updates
1 Year of Free Support
7 Day Money Back Guarantee
Premium Support

Secured Payment by 2checkout.com & PayPal
7 Days Money Back Guarantee
Read our Refund Policy

This was fast to learn, easy to use, and looks great on the page. Plus you can have as many as you want, each one different. WOOT!

— Aliathabit

Smooth, easy to use, breath of fresh air, This is a great plugin, thank you. It offers some well thought-out options for styling in ‘create new’. Excellent decision to go with ‘new-post’ style of creating them and a big ‘high-five’ for including a php option. You’ve included all levels of users.

— Englishw

This was just what the doctor ordered ;~D What gives it 5 stars is not just how easy it is to use, but the lightning fast responsiveness of the creator to help with any questions!! Bravo!!

— taadaagina

I had some troubles starting out with my Accordion. I reached out to support and they went above and beyond to help me correct the issues to get it to work with my site. Thank you very much and anyone looking for an amazing plugin for Accordions then look nowhere else! A++++

— Jeremymh

I really like this plugin. It does everything I want, is fully configurable and very easy to use. The quality of support is also as good as any I’ve ever seen. Very impressed!

— Cdmonline

Creating content for each accordion is a tad funky, but the developer was quick to reply when I ran into an issue regarding the “missing” text editor when adding a new accordion… I figured out how to solve the issue and made a suggestion as to informing users with a “popup info” box indicating after content is entered and the accordion updated, the text editor shows… The sincerity of the reply, even though I’m using [testing] the free version of the plugin, was genuine and helpful… There’s a lot of “accordion” plugins available; this one is right up there with the best of them…

— Sfdennis

I have the premium version of this plugin as I wanted some of the customisation options that were not in the free plugin. It is flexible, responsive and easy to use. Support is great too!

— haizdesign

This plug-in is very, very easy to use, and any problems I have had were taken care of immediately by support, who was very nice and helpful even when I asked A LOT of questions. I use the Accordion plug-in a lot on my website I think it all looks great! Yay! Thank you!

— Delcip

Support got back to me immediately to fix a minor styling issue. Nice. Update: Again, another styling issue, another response within the hour. Really happy with this plugin

— sheilab

—

Features

Content Custom Style

You can customize the content style as follows

Text color.
Font family.
Font size.
Background color.
Content background color with opacity.
Content padding.
Content margin.

Header Custom Style

You can customize the header style as follows

Background color with opacity.
Active background color.
Header background image.
Text color.
Text color on hover
Text font family.
Text font size.
Header padding.
Header margin.

Container Style

You can customize the container style as follows

Text align.
Content background color & background image.
Container padding.

Icons Style

You can customize the icons style as follows

Icons color.
Icons hover color
Icons font size.
Icons background color.
Icons padding.
Icons position left or right.
Custom icons by icon font, like font awesome.

Multi Icons for Accordion Header

You can set custom icons for each header for default stat and hover stat.

Lazy Load

You can enable lazy load for the accordions.

Vertical Tabs PRO

By accordions you can create vertical tabs.

Duplicate Accordion

For the speed up the creating accordion, you can just duplicate existing accordion so it will copy all style from old accordion and applied on new accordion.

WooCommerce QA Tab

You can set accoridon to your any WooCommerce product as tab with custom tab header, like you can use accoridons as FAQ tab for any product.

Translation Ready

Accordions are fully translation ready, you can translate in your languages, please contact our support if you need any help to translate.

3rd Party Plugin Compatibility

Accordions are compatible with most popular page builder plugin, here is a short list, but it also should work others page builder or 3rd party plugin that support to display shortcodes via widgets.

Unlimited Accordion.

You can create unlimited accordion by accordions, this is based on the shortcode, each accordions has uniques ids, you can also use multiple accordions on the same page.

Responsive Design.

Accordions are responsive and mobile ready, it should work in all device. if you found any issue with responsive please contact our support to fix the issue.

Use Via Short-Codes.

We are using shortcode method to display accordions, you can display accordions under the page, post content or dynamically under theme file via PHP code.

Sort Accordion by Dragging

You can sort accordions section/header by dragging, you will see most of the accordion plugin doesn't have this feature. this will help you sort any item without creating new accordion and save lots of time.

WP Editor for Accordion Content.

Most of the accordion allow edit accordion content by textarea field, we added WP Editor to edit accordion content, so you can edit content like editing post, page content, adding any type content will love you.

3rd Party Shortcodes Inside Accordion Content PRO

You can use 3rd party shortcodes inside accordion content like you can display contact form 7 shortcode inside accordion content.

Default Active Accordion PRO

You can make active/open any accordion/header/section on page load.

Multilevel or Nested Accordion PRO

Multi level or nested accordion is avilable in our plugin, you can create unlimited multi level or nested accordion as you need.

Click Header to Scroll Top PRO

Click header to scroll top also available, that's mean when user click on accordion header it will scroll top so for long content user won't need scroll down to see content to view.

Active on Mouse Hover.

Instated of click you can also make accordion open/active on mouse hover.

Hide any accordion without deleting.

You can hide any section/accordion without deleting it, that's mean for temporary some section may not need to display so you can hide without deleting from list.

Multi Background Color & Image Header

You can set a custom color or background image for each accordion header.

Header Text Toggling PRO

You can toggle text of accordion header when click, that's mean header text will be changed after click on header.

https://www.youtube.com/watch?v=GMXkYws8Pxg

Search Accordion PRO

User can search through accordion.

Click Track Header PRO

User click on header can be tracked by this plugin, this is useful to find user interested and provide the best content for them.

Highlighted Features

Here is some highlighted feature that make the plugin unique.

Custom Icons(Add your own icons)

You can add your own icons(font awesome icons) for accordions.

Drag & Drop Content Sorting

An awesome feature you can sort accordion content by drag & drop. sort any content an easy way.

WP Editor for Accordion Content

Edit accordion content with WP editor an awesome update feature added.

Custom Font Size & Color

Customize your accordion by adding your own color and font size for header and accordion content.

Multilevel Accordion

Create awesome multilevel accordion.

Vertical Tabs

Display vertical tabs.

Nested tabs

Display nested tabs unlimited level.

Active accordion

Creating active accordion is easy just select "active" radio button and save you can also make any item keep active on page load and you can reset active by click "Reset Active" button.

Remove any item

You can remove any accordion item by clicking "Remove" button.

Expand or Collapse All

Let you user expand or collapse accordion all together.

WooCommerce FAQ Tab

You can display accordion as WooCommerce product FAQ or Q&A tab

Click Track

You can track click on header.

Tutorials

We frequently release video tutorials for our user, please keep watching our youtube chanel.

Customize content

Enable search

Click header to scroll top

Enable lazy load

Hide edit link

nested or multi-level accordion

Customize header

Customize icons

Open/active via url

Open/active on page load

How to create accordion

How to install accordions

WooCommerce product faq tab

Expand/collapse all button

Accordions click track

Frequently Asked Questions(FAQs)

Is this plugin work with my theme?

Yes, almost work with every theme, just like others shortcode accordion will display by shortcode, you can display under content or theme php file via shortcode anywhere.

Can i duplicate accordion

Yes, after version 3.1.25 release we have added duplicate accordion feature, so you don't need 3rd party plugin for copy/duplicate accordion, it will save your lots of time.

Is this plugin work with page builders?

Yes, almost every page builder support to display shortcode under content or via widget, just like other shortcode you can display via page builders widget anywhere. although we have tested some popular page builder work like a charm.