Best Accordion Plugin for WordPress
Accordions is a pure HTML & CSS3 responsive Accordion plugin WordPress. With this plugin, you can display unlimited accordion on the same page via shortcode. Mostly work with every page builder that supports displaying shortcodes under content widgets.
7000+Support Issue Solved
1,072,120+ Total Downloads
List Of Features
- Nested/multi level accordionPro!
- Click header to scroll topPro!
- Header text togglePro!
- Display expand/collapse all buttonPro!
- Expand/collapse all textPro!
- Expand/collapse background colorPro!
- Header click track & statsPro!
- Header background imagePro!
- Custom background colorPro!
- Accordion icons background color
- Icons font size
- Accordion icons padding
- Icons margin
- Accordion header custom class
- Header background color
- Header Active background color
- Accordion header text color
- Hover text color
- Accordion header font size
- Schema for FAQ page
- Active accordion on page loadPro!
- Icon position to rightPro!
- Enable searchPro!
- Search placeholder textPro!
- Enable lazy load
- Lazy load image
- Enable autoembed
- 3rd party shortcode on content
- Enable wpautop
- Header padding
- Header margin
- Header font family
- Accordion content custom class
- Content background color
- Content text color
- Content font size
- Content padding
- Content margin
- Content font family
- Accordion collapsible
- Keep expanded others option
- Accordion content height style
- Accordion activate event
- Custom active icon
- Custom inactive icon
- Accordion icons text color
- Icons hover color
- Accordion container padding
- Container background color
- Container background image
- Container text align
- Sort accordion content
- Hide accordion content
- WP editor for accordion content
- Font-awesome version selection
- Accordions preview on frontend
- Export accordion
- Import accordion
Manage Accordion Content
We’ve designed a stunning and user-friendly interface where you can manage your content with a click. Add, edit, or delete elements in seconds, and effortlessly rearrange your accordions with drag-and-drop – all within a beautiful, clutter-free workspace.
Auto-embed Feature
That’s a useful feature our Accordion plugin offers. It allows you to create a richer and more engaging user experience by displaying video or other embeddable objects directly within the accordion, eliminating the need for users to click through to another page or website.
Custom Active and Inactive Icon
We have option settings for both active and inactive accordion states, allowing you to choose different icons for each. You can choose the icon from various Font Awesome versions, ensuring flexibility to create awesome designs.
Lazyload Feature
This accordion feature is a game-changer for website performance and user experience. Imagine you have a website with a long accordion section filled with numerous images. Without lazy loading, all those images would be downloaded immediately upon page load, potentially causing slow loading times. Our lazyload feature fixes this issue and improves page load speed, providing a smoother user experience
Schema Markup
Our Accordion plugin 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 plugin settings, you can quickly enable or disable Schema.
Scroll To Top
When an accordion section opens, particularly if it’s long or buried deep within the content, scrolling to the top can ensure the user sees the entire section without needing to manually scroll back up. This feature encourages users to explore the entire content within each section.
Set Toggled Text
Our Toggled Text option allows you to specify different text to display for the accordion title or header depending on its state (open or closed). That’s a great feature that can enhance user experience and content presentation.
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.
Expand/Collapse All Button
The Expand/Collapse All button on the accordion is an awesome feature for users who want to quickly expand or collapse all accordion sections with a single click.
Vertical Tabs
You can easily create a vertical tab that is particularly beneficial on websites with limited horizontal space. It also creates a more natural reading flow, especially for languages that read top-to-bottom.
Nested/Multi-Level Accordion
The nested/multi-level accordion feature allows for the creation of sub-sections within the main accordion. These sub-sections can be expanded or collapsed independently of their parent accordion section.
Header Click Track & Stats
This feature monitors and tracks user interactions by logging each time a user collapses or expands a specific accordion header section.
Open/Active Accordion
Our accordion plugin offers flexible control over which accordion panel is initially open. You can choose to:
- Open/Active accordion by url Parameter
- Open/Active accordion by url hash
- Open/Active accordion by selection
Documentation
Available Shortcodes
[accordions id=”123″]
To display an accordion, use this shortcode.
[accordions_pickplguins id=”123″]
You can also use this shortcode to display accordion and avoid conflicts with 3rd party shortcodes.
[accordions_tabs id=”45″]
To show the tab, simply use the this shortcode.
[accordions_tabs_pickplguins id=”45″]
You can also use this shortcode to display tab and avoid conflicts with 3rd party shortcodes.
Accordions
Choose The Right Plan For You
14 days Money Back guarantee our all Premium features
Frequently Asked Questions
Accordions are collapsible sections of content that users can expand or contract by clicking on headers. They’re a great way to organize large amounts of information, improve user experience, and add interactivity to your website.
Search engines love organized content, and accordions deliver just that. By structuring your information into clear sections with relevant headers, you’re making it easier for search engine crawlers to understand your website. This can boost your SEO ranking, leading to more organic traffic and higher visibility.
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.