Accordion w accordion from the plus addons for elementor
Freemium
Horizontal & Vertical Accordions
SEO Schema Compatible
Search bar & Auto Play
Active Id & Hash URL
Demo - blurry image of people trying set their brand
Example of accordions with line edge border
Demo of accordion table
Image of people trying set their brand
Blurry image of collapsed table
Demo - blurry table of accordion
Image content accordions
Demo accordion with image carousel content
Demo:- accordion table
Accordions_banner_11

Advanced Accordion

Most advanced accordions widget for elementor with features like Horizontal/vertical layout, Stagger Load, Search bar, Auto play, Connection with Anything carousel and much more including SEO Schema feature.

Free Download
Learn How it Works

#1 Accordions with images and icons

Provide each question with a unique design, by using images and icons for each question.

#2 Integrate Accordion with Carousel anything

Showcase-related illustrations or images for each question to provide a graphic representation of that query.

Accordian starting business scaled accordion from the plus addons for elementor
Demo image of solving puzzle
Accordian starting business scaled accordion from the plus addons for elementor
Demo image of solving puzzle

#3 Horizontal accordion

Create an accordion horizontally and use it for collapsible sections and make the website interesting.

#4 Integration of Accordion and Carousel anything

Showcase described answer in a tight space using Accordion and Carousel anything.

FAQs

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna .

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna .

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna .

#5 Integrated Accordion with Tabs and tours

Integrate tabs and tours with an accordion to provide categorized FAQs on your website.

#6 Lottie animation with Accordion

Implement Lottie animations into your FAQs to increase user interaction on your website.

#7 Line edge border effect in accordion

Provide a line edge border in each answer or question to give it a good design.

  • Slider in Accordion

    UNIQUE

Provide a slider in the accordion to showcase more FAQs in a limited space of your website.

QUESTION & ANSWERS

1 / 1
Demo of question mark take a quiz image

  • #9 Set Autoplay/Pause in accordion

    EXCLUSIVE

Implement an autoplay/Pause button with the accordion to showcase each question automatically one by one like a video.

  • #10 Search bar in Accordion EXCLUSIVE

Use an integrated search bar for your FAQs page or section so user can search their query easily.

#11 Image carousel integrated with Accordion

Explain each query with graphical representation using a combination of image carousel and Advanced accordion widget.

#12 Accordion with integration of Carousel anything

Showcase steps or procedures of any process using text and graphical representation to provide a smooth experience to the users.

Demo:- waffles
Demo:- pizza piece
Demo:- sweets
Demo sandwich

#13 Accordion with Stagger Animation

Create accordion with smooth animation by implementing stagger animation.

That's not It! We have more demos for you.

More is always good, We have more demos that you can easily import on your website using our Live Copy Feature.

Check More Demos
Old accordion accordion from the plus addons for elementor

Important Features Provided

By Accordion

Features which will help you create most amazing accordions on your WordPress based Elementor websites.
Horizontal and Vertical
Choose layout options as per requirements, We have options to choose from both of them. Most of all styles applies to both.
Carousel or Slider
Ever wanted to add more accordions but occupied space was too much? We have solution for that by option of Carousel.
All Collapsed
You can collapse all accordions on page load using our all collapsed option. You also have option to choose manually default active.
Expand Collapse Button
Having lots of accordions and wanted to give option to user to make all open or all close as a toggle button? That feature is included.
Scroll to Top
In responsive devices as well as in long pages, sometimes required to scroll accordion on top to drive attention when user opens that.
Auto Play/Pause option
Open and close accordions automatically based on manual timer options, with that auto play get a play pause icon for user to manage from frontend as well.
On Hover or On Click
Open and close accordions by mouse click or mouse hover. You can choose any one from them using widget’s options panel.
Search Bar inbuilt
Enable search bar option for your knowledge base or sites with huge FAQs on single page. It will efficiently search from all accordions using that search bar.
Schema markup
Enable “How to” Google Data Structure markup aka Schema Markup. It will help a lot in overall technical SEO of page.
Title tag selection
Make your switcher SEO friendly by using title tag option available, It will improve your technical SEO and help achieve SEO goals.
Anchor Link Option
Add anchor id using unique custom name and use that in URL. That way you can open switcher when someone visit page.
Alignment
Set different alignments for different devices and give the perfect experience for every Users Device.
Clean coded
To make sure your site remains fast, we have coded this with perfection to avoid any extra CSS and jQuery Bloat. It’s made in vanilla JS.
On-scroll Animation
25+ unique on-scroll view animations to provide a smooth experience to the users.
Cross Browser Compatibility
No need to worry about browser compatibility. Accordions widget is tested for all popular and latest browsers support.
Copy-Paste demos
10+ demos just copy and paste into your Elementor editor using The Cross-Domain Copy-Paste feature.
Stagger Animation
Load accordions one by one by delay in each load to give unique animation effect. It will increase UX of FAQs.
Unlimited Customisability
160+ customization options are available to create a unique accordion for your website.
Responsiveness
Responsive with all devices and also you have a few options to change according to your need.
RTL Ready
Most advanced alignment and positions options to make your accordion layout RTL ready.
Icon availability
Add your custom icon or choose from icon library to each tab and give an idea about content with creativity.
Border Customizations
Customize border by making changes into border radius and border type just by selecting from the list.
Widgets Compatibility
Connect with anything carousel, carousel remote and other widgets to create unique layouts.
Backdrop Filters
In depth options for backdrop filters to achieve unique effects like glassmorphisum and even more unique layouts.

We have the answers you need

Still, have any questions in mind ?
Say Hello!
1 / 1

Explore other Related Widgets from The Plus Addons for Elementor

Accordion accordion from the plus addons for elementor
Accordion
Freemium Popular
View Demo
Switcher accordion from the plus addons for elementor
Switcher
Pro
View Demo
Tabs tours accordion from the plus addons for elementor
Tabs Tours
Freemium Popular
View Demo

Read How it Works

Watch How it Works

X