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

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 changes. 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.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

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

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

Tpae accordion carousel anything select template how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

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.

Tpae accordion carousel anything ucid how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

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

Tpae accordion carousel anything ccid how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

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, isn’t it?

Anything carousel and accordion demo
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]
[contact-form-7 id="127306"]
Subscribe to our YouTube Channel for Elementor Tutorials
New Video Every Week!
Automatically Convert Figma Designs to 100% Editable Elementor Website