Easy Accordion – Responsive Accordion FAQ Builder and Product FAQ

July 18, 2024

Easy Accordion – Responsive Accordion FAQ Builder and Product FAQ Plugin

Easily create professional Accordion FAQs with this powerful and easy-to-use FAQ builder plugin. Fully drag & drop interface and highly customizable!

Easy Accordion is the best responsive and drag & drop Accordion FAQ builder plugin for WordPress with a lot of customization options. It helps you to display multiple accordions into your site or blog quickly without writing any code.

We believe that you shouldn’t be a programmer or hire a developer to create a professional looking accordion for your WordPress site. That’s why we built the Easy Accordion plugin that’s both EASY and POWERFUL.

Live Demo | Docs | Support | Upgrade to Pro!

Easy Accordion 2.0

Easy Accordion 2.0 has completely been rebuilt and this provides you now many improvements and new amazing features. In this version, you get a totally usable accordion plugin with One Theme (Default Theme) which is the product of many hours development.

If you want 16+ Extra Beautiful Premium Themes with their own customizable settings and lot of stunning features with excellent support, please purchase the PRO version.

Key Features

Responsive & Mobile ready.
Lightweight, Fast and Robust.
Clean and intuitive admin panel.
Multiple Accordions. (Create unlimited accordions into the same page)
WP Classic Editor(WYSIWYG) for accordion content.
Multiple Accordions Collapsible or Toggle. (Open together)
Drag & drop Accordion sorting.
Add & Remove Accordion item from Back-end.
Activator Event. (Active on Click or Mouse over)
Fill space and Fixed Content Height.
Accordion Mode on Page Load. (First Open, All Open and All Folded)
Expand & Collapse Icons On/off.
Expand & Collapse Icon Color, Size & Position.
Accordion Border options.
Accordion Title Background Color.
Accordion Description Text and Background Color.
Accordion Section Title and Margin Bottom.
Unlimited Color and Styling options.
Unique settings for each accordion.
Translation Ready.
RTL Supported.
Widget Supported.
Multi-site Supported.
Compatible with any Theme.
Advanced Settings to enqueue or dequeue CSS.
Custom CSS field to override styles.
Developer friendly & easy to customize.
SEO friendly & optimized for speed.
Semantic HTML5 design and CSS3 transitions.
Cross-browser Supported.
Mouse wheel support.
Keyboard navigation support.
Documentation and video tutorials.
And much more options.

For Faster Support, Features Request, and Bug Reporting

Ask us at Support

Easy Accordion Pro

Easy Accordion Pro is a highly flexible and customizable accordion plugin designed for everyone including designers & developers. The premium plugin vastly improves your styling & user experience and lets you create beautiful and touch-friendly accordion quickly in the easiest way.

It comes with intuitive admin panel, horizontal and vertical layout and color picker for unlimited color & styling option with 16+ Modern Pre-designed Accordion Themes. You can put the content of any type inside accordion expandable section including Shortcodes, Images, YouTube, Audio or any custom HTML code.

The Easy Accordion Pro plugin brings the best of both worlds, offering a modern, intuitive and engaging user experience.

Pro Features Include

16+ Beautiful Premium Themes with Preview.
Advanced Shortcode Generator.
2 Layouts. (Horizontal and Vertical)
Multi-level or Nested Accordion.
Accordion from Post & Category.
Accordion from Custom Post Types & Taxonomy.
Group Accordion FAQs Showcase.
Limit To Display Number of Accordion.
WooCommerce Product Accordions.
14+ Expand & Collapse Icon Style Sets.
25+ Smooth Animation & Effects.
840+ Google Fonts. (Typography Options)
Margin Between Accordions.
Accordion Border and Radius options.
Accordion Title Background Color & Custom Padding.
Accordion Description Background Color.
Accordion Description Custom Padding.
Supported any Contents. (e.g. HTML, Shortcodes, Images, YouTube, Audio etc.)
FontAwesome Icon Picker before Accordion Title.
Unlimited Color and Styling options.
Accordion Shortcode Duplicate or Clone options.
Multilingual & RTL Ready.
Widget Supported.
Multi-site Supported.
Lifetime Support & Automatic Updates.
And much more options.

Documentation

If you have any question about working with Easy Accordion, you can take a look at online documentation.

For Fast Support, and Bug Reporting

We are very responsive about support requests – so if you face a problem or find any bugs, post it in the support, and we will respond within 15 hours (except holidays).

Ask us at either via our Support or WordPress.org

Author

Designed and Developed by ShapedPlugin

Installation

MINIMUM REQUIREMENTS

PHP 5.6 or later
MySQL 5.6 or later
WordPress 4.7 or later

This section describes how to install the plugin and get it working

AUTOMATIC INSTALLATION (EASIEST WAY)

To do an automatic install of Easy Accordion, log in to your WordPress dashboard, navigate to the Plugins menu and
click Add New.
In the search field type “Easy Accordion”. Once you have found it you can install it by simply
clicking “Install Now” and then “Activate”.

MANUAL INSTALLATION

Uploading in WordPress Dashboard

Download easy-accordion-free.zip
Navigate to the ‘Add New’ in the plugins dashboard
Navigate to the ‘Upload’ area
Select easy-accordion-free.zip from your computer
Click ‘Install Now’
Activate the plugin in the Plugin dashboard

Using FTP

Download easy-accordion-free.zip
Extract the easy-accordion-free directory to your computer
Upload the easy-accordion-free directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Screenshots

Live Demo.
Accordion Settings (Add New).
Accordion Groups.
Advanced Settings.
Custom CSS.
Export Accordion Groups.

FAQ

Q. How can I add Accordion FAQs to my site?

A. After activating the plugin, you will see the “Easy Accordion” menu on your WordPress admin panel.

Go to Easy Accordion > and click “Add New” menu and you will find an Accordion Content input field and Shortcode Generator Settings panel.

The generator fields are highly customizable. After input accordion content, customize the accordion and publish. And then will see a generated shortcode in the bottom section. You need to insert it into any page or post editor even Gutenberg editor.

For including on the template, copy and paste the PHP code into your template file.

Q. How to use ‘Easy Accordion’ in WordPress 5.x Gutenberg Block Editor

A. Adding Accordion using the WordPress 5.x Block Editor is pretty straight-forward. You can paste the generated shortcode into a ‘Paragraph Block’ or use the ‘Shortcode Block’. It works nicely as a classic editor. Really cool!

Q. Can I show multiple accordions on one page?

A. Yes, you can use multiple accordions on one page!

Q. How to include an accordion in a post or a page?

[sp_easyaccordion id=Here comes the accordion id]

Q. I want to show the accordion on my homepage or into header.php or other PHP files?

A. Add the following PHP code in template file where you want to show the accordion:

<?php echo do_shortcode('[sp_easyaccordion id=Here comes the accordion id]'); ?>

Q. Do I need to have coding skills to use Easy Accordion?

A. No. You don’t need any coding skill. No more pain writing any shortcode attributes to display accordion in your any site. With just a few clicks, you can amazingly create unlimited accordions.

Q. Is it possible to drag & drop re-order my Accordion FAQs?

A. Yes, It is possible to Drag & drop Accordion sorting from the back-end.

Q. Can I customize the colors of the accordion?

A. Yes, The Easy Accordion plugin is fully customizable. create a new accordion, then customize your accordion’s design without requiring HTML or CSS knowledge. Change accordion mode, colors, backgrounds, icon positions, and more…

Q. I’d like access to more features. How can I get them?

A. You can get access to more features when you purchase a license of the plugin. Purchasing a license of Easy Accordion Pro gets you to access the full version of Easy Accordion, including 16+ Premium Themes, Automatic Lifetime Updates, and Dedicated Support.

Q. What if I update to Premium version?

A. Your existing accordion content will work with Premium Version. So you won’t lose your developed contents.

Q. Is Easy Accordion is totally responsive?

A.Easy Accordion is 100% responsive, so it will fit perfectly into your page, regardless of the size of your desktop screen or device.

Q. Does it work with any theme?

A. Absolutely! It will work with any theme that is built with WordPress standard.

Q. Is Easy accordion Multilingual Ready?

A. Yes, Easy accordion is 100% translation ready.

Q. Is Easy Accordion compatible with the multisite network?

A. Yes, Easy Accordion works perfectly with WordPress multi-site network.

Q. How can I get support if the plugin is not working?

A. If you face any problem with our plugin or something is not working as it should, first follow the preliminary steps:
Test the plugin with a WordPress default theme, to be sure that the error is not caused by the theme you are currently using.

Deactivate all plugins you are using and check if the problem is still occurring.

If none of the previously listed actions helps you solve the problem, then, submit a ticket in the forum and describe your problem accurately, specify WordPress and plugin versions you are using and any other information that might help us solve your problem as quickly as possible. Please create a support thread here: support.

Note: Support will be delayed If you post on Sunday (Sunday is our official holiday).

Q. Where can I report bugs?

A. If you find a bug, please report it in our active support. You will be replied once the issue is resolved.

Q. Do you want to encourage the developer team for future improvement?

A. If you love this plugin and want to help others, please post a review for it.

Thank you!

Changelog

2.3.7 – Apr 02, 2024

Tested: WordPress 6.5 compatibility.

2.3.6 – Mar 13, 2024

New: Focus Style for Accessibility option in the plugin settings page.
Improved: A few help texts have been improved.

2.3.5 – Mar 04, 2024

Improved: The plugin security has been improved.
Improved: The plugin accessibility feature.
Fix: A warning was found when updating from a very older version.
Tested: WordPress 6.4.3 compatibility.

2.3.4 – Feb 15, 2024

New: A hook ‘sp_easy_accordion_ui_permission’ was added to provide plugin panel access to the editor or other positions.
New: A hook ‘sp_easy_accordion_title_allowed_tags’ was added to modify allowed tags in the accordion item title.
New: A hook ‘sp_easy_accordion_desc_allowed_tags’ was added to modify allowed tags in the accordion item content.
Improved: The plugin security has been improved.
Fix: Some PHPCS-related warnings.

2.3.3 – Jan 18, 2024

Fix: PHP version 5.6.40 compatibility issue.

2.3.2 – Jan 18, 2024

Improved: The Help Page has been redesigned to make it more user-friendly.
Improved: The Shortcode field has been enhanced.

2.3.1 – Jan 12, 2024

Fix: A CSS conflict issue with the div or section that does not contain an accordion.

2.3.0 – Jan 08, 2024

New: The Space Between Accordion Items option.
New: The Custom JS option.
Improved: The Tooltip/Help text of the plugin options to make it more user-friendly.
Improved: The Margin Bottom of the Section Title option has moved to the Typography tab.
Improved: The Font Awesome asset has been replaced by the Fontello icon, as the light version used only two icons in the accordion layout.
Fix: The issue that the video iframe got changed into a tag automatically after updating the shortcode rarely.
Tested: WordPress 6.4.2 compatibility

2.2.5 – Oct 26, 2023

New: Edit Accordion button in Gutenberg edit page.
Updated: WP CLI check for plugin activation redirect.
Fix: Few PHPCS warnings with PHP8.2.
Tested: WordPress 6.4 compatibility.

2.2.4 – Aug 08, 2023

Fix: The plugin admin panel translation is not working if the language file is placed in the plugin language folder.
Updated: Minimum required version of WordPress for the plugin.
Tested: WordPress 6.3 compatibility.

2.2.3 – Jun 08, 2023

Improved: The import feature with animation.
Fix: The custom CSS does not work after importing accordions from another site.
Tested: WordPress 6.2.2 compatibility.

2.2.2 – Mar 30, 2023

New: Multiple br tags in tab content support.
Fix: The iframe width of embedded Google Maps does not work.
Tested: WordPress 6.2 compatibility.

2.2.1 – Feb 15, 2023

New: The Allow Iframe/Script Tags option in the import panel of the plugin.
New: Allow to skip responsive CSS from the iframe by adding a ‘skip’ class to the iframe.
Fix: Iframe does not show in accordion content with the Twenty Twenty theme.
Fix: Import option does not work when the accordion has iframe or script tags.
Removed: The hook ‘sp_easy_accordion_allow_import_tags’ was removed as an option added.

2.2.0 – Dec 15, 2022

New: A hook ‘sp_easy_accordion_allow_import_tags’ added to modify to allow import shortcodes with special tags.
Improved: Plugin security improved.
Removed: Some deprecated shortcodes ( efaccordion, efitems, eaf_items ) has been removed.

2.1.20 – Dec 09, 2022

New: The Scroll to Active Item option added.
New: A hook ‘eap_offset_to_scroll’ added to modify offset as per need.
Improved: Load Stylesheets in the header based on shortcodes on the page.
Improved: SVG preloading icon has been added as a pre-loader image.
Fix: In preview, ul li tags do not show with bullet points as frontend.
Fix: Few styling issues with the plugin admin panel for the RTL site.
Tested: WordPress 6.1.1 compatibility.
Tested: Compatibility with the ‘Youtube Embed Plus‘ plugin.

2.1.19 – Oct 14, 2022

Fix: PHP 5.6 compatibility issue.

2.1.18 – Sept 30, 2022

New: The option to add ‘rel=nofollow’ in the accordion title to avoid search engine crawling.

2.1.17 – Aug 30, 2022

Fix: Few Deprecated JS warnings in plugin admin page.

2.1.16 – Jul 18, 2022

Fix: The overlap issue of the left-aligned image with small text.

2.1.15 – Jun 11, 2022

Fix: The accordion section goes above the header section rarely.
Fix: The premium page warnings.
Fix: The popup video position on the premium page.

2.1.14 – May 23, 2022

Improved: The export option functionality.
Fix: Deprecated warning of Elementor Block.
Fix: Gutenberg block Free to Pro compatibility.
Fix: Deprecated JS warning.

2.1.13 – May 14, 2022

Tested: WordPress 6.0 compatibility.

2.1.12 – May 10, 2022

Improved: SVG preloading icon has been added as a pre-loader image.
Fix: Extra p tag added in ul tag after saving accordion shortcode.
Fix: Some backend assets are not loaded properly when the hosting directory is different.
Removed: The Tinymce button from the classic editor.
Removed: Unused codes from the plugin folder.

2.1.11 – Apr 18, 2022

Fix: Media formatting issues.
Fix: Preloader alt tag is missing.

2.1.10 – Mar 10, 2022

Updated: Language pot file.
Improve: Cleaned unused codes and images.

2.1.9 – Feb 25, 2022

Fix: Extra padding issue in live preview.
Fix: Some typo.

2.1.8 – Feb 14, 2022

Fix: PHP 5.6 compatibility issue.
Fix: WordPress 5.9 gutenberg block compatibility issue.

2.1.7 – Feb 10, 2022

New: Elementor Addons added.

2.1.6 – Jan 27, 2022

Tested: WordPress 5.9 compatibility.

2.1.5 – Jan 11, 2022

New: Gutenberg Block to insert the accordion shortcode.

2.1.4 – Dec 24, 2021

Removed: The filter ‘the_content’ removed from the accordion content.
Improved: Iframe CSS of the accordion content.
Fix: The Autoptimize plugin conflict issue.
Fix: Empty p tag / br tags issue.

2.1.3 – Dec 13, 2021

Improved: Settings page “Save Changes” and “Reset Tab” button.
Removed: “Reset All” button.

2.1.2 – Dec 07, 2021

Improved: Security filter improved.
Improved: Mouseover event improved.
Fix: A Warning issue solved.
Fix: Some minor issues fixed.

2.1.1 – Nov 08, 2021

Fix: Undefined warning issue.

2.1.0 – Oct 21, 2021

New: Shortcode live preview option.
Fix: Several minor CSS tweaking.

2.0.23 – Sep 11, 2021

Fix: iFrame and style support issue.
New: Added ‘sp_ea_description_allow_tags’ filter to allow tags in description.

2.0.22 – Sep 07, 2021

Improved: Plugin security.
Removed: Unused code.

2.0.21 – Jul 28, 2021

Fix: Accordion CSS style is broken.

2.0.20 – Jul 14, 2021

Improved: Backend options panel and typo.
Fix: Accessibility issue.
Tested: WordPress 5.8 compatibility.

2.0.19 – Jun 11, 2021

New: Export and Import option for accordion groups.

2.0.18 – May 29, 2021

New: wpautop/line break enabled/disabled option.

2.0.17 – Apr 27, 2021

Fix: Twenty twenty theme iframe issue.
Fix: Premium page responsive issue.
Improved: Help Tooltip position.

2.0.16 – Mar 25, 2021

Fix: Nested accordion styles issue.
Fix: When click on accordion it backs to top issue.

2.0.15 – Mar 19, 2021

Fix: Line break issue.

2.0.14 – Mar 17, 2021

New: Shortcode onClick copy option.
Improved: Dashboard Generator Settings panel.
Improved: Settings page.
Improved: Help page.
Tested: WordPress 5.7 compatibility.

2.0.13 – Feb 01, 2021

Improved: Pro version compatibility.
Improved: Demo, Doc, Support links.

2.0.12 – Dec 15, 2020

Fix: Preloader issue.
Fix: WordPress 5.6 compatible issue.

2.0.11 – Oct 14, 2020

Improved: Dynamic CSS load on header.
Fix: Empty description issue.

2.0.10 – Aug 15, 2020

Fix: WordPress 5.5 compatible issue.

2.0.9 – Jul 27, 2020

Fix: Fusion builder modal conflict issue.

2.0.8 – Jun 20, 2020

Fix: New version update failed issue.

2.0.7 – Jun 18, 2020

New: Add Media button on accordion content field.
New: Shortcode support for accordion content field.
New: FAQ page schema option.
Fix: Google font loading issue.
Fix: Padding top issue for content.

2.0.6 – Dec 04, 2019

Fix: HTTP and HTTPS mixed content issue.

2.0.5 – Nov 24, 2019

Fix: WordPress 5.3 compatible issue.

2.0.4 – Oct 02, 2019

Improved: Dashboard UI.
Improved: CSS Class naming.

2.0.3 – May 22, 2019

Improved: Editor Field.
Improved: Custom CSS field.
Improved: Dashboard Admin UX.
Fix: Close on Mouse-out issue.
Fix: Content field empty issue.
Fix: ul ol nested padding issue.

2.0.2 – Mar 29, 2019

Fix: Custom CSS issue.
New: IE10+, Edge, Tablet, iPhone & All browser support.
New: Remove Data when Uninstall.
New: Accordion Preloader.
Improved: Title tag changed h2 to h3.

2.0.1 – Mar 01, 2019

Fix: WordPress 5.1 compatible issue.

2.0.0 – Feb 15, 2019

New: New Improved Admin Dashboard UI.
New: One Customizable Default Theme.
New: WP Classic Editor(WYSIWYG).
New: Multiple Accordions.
New: Drag & drop Accordion sorting.
New: Accordion Mode on Page Load.
New: Activator Event option.
New: Accordion Fixed Content Height option.
New: Expand & Collapse Icon Color, Size & Position.
New: Accordion Border options.
New: Accordion Title Background Color.
New: Accordion Description Text and Background Color option.
New: FontAwesome Icon Supported.
New: Accordion Section Title and Margin Bottom.
New: CSS enqueue or dequeue option.
New: Custom CSS filed.

1.2

Fixed error

1.1

Fixed CSS

1.0

First Release