How to connect a Slider, Tabs with an Accordion with Carousel ID in Elementor?

Updated on June 24, 2024 by Editorial Team
Table Of Content

One of the USP of using The Plus Addons for Elementor widgets, is that you can interconnect them with each other to toggle content change. Using this feature, you can create unique layouts for your website to keep yourself apart from the competition.

Here we will see how to connect your Accordion with the Carousel Anything Slider widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.

For this process, first drag and drop the Carousel Anything widget with the Accordion widget,  and then follow the below steps:

1. Add content to the Carousel Anything widget from Elementor template or shortcode.

Carousel anything content type

2. Make sure the number of slides in your slider and the number of items in your accordion are the same.

3. Add a Unique Carousel ID in the Carousel Anything widget, this can be any combination of letters and numbers.

Carousel anything unique id

4. Now, to make the connection add the same ID in the Carousel Connection ID field of the accordion widget.

Accordion carousel connection id

And now your Accordion widget is connected with the Carousel Anything widget. Now as you change your Accordion item, your carousel anything slider will change as well. Amazing isnt it?

Anything carousel and accordion demo
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website