How to connect Process Steps with Carousel Anything Widget in Elementor?

Table Of Content

One of the biggest advantages of using the Carousel Anything widget of The Plus Addons for Elementor over any other carousel slider widget is that it allows you to interconnect with other widgets (The Plus Addons for Elementor widgets) to create some amazing solutions.

To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything 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.

One such widget is the Process/Steps widget. You can easily connect these two widgets using the Unique Carousel ID.

For this process, first, drag and drop the Carousel Anything widget and the Process Steps widget on the page, and then follow the steps below:

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

Tpae carousel anything template connect with other widget 1 how to connect process steps with carousel anything widget in elementor? From the plus addons for elementor

2. Make sure the number of slides in your slider and the number of steps in your Process/Steps widget are the same.

3. From the Extra Options tab, add a Unique Carousel ID in the Carousel Anything widget. This can be any combination of letters and numbers.

Tpae carousel anything template connect process steps ucid how to connect process steps with carousel anything widget in elementor? From the plus addons for elementor

4. Now select the Process/Steps widget and turn on the Carousel Anything Connection toggle, and add the same ID in the Connection Carousel ID field to make the connection.

Tpae carousel anything template connect process steps ccid how to connect process steps with carousel anything widget in elementor? From the plus addons for elementor

From the Effect on dropdown, you can choose the slider play mode on mouse hover or click.

Now both the widgets are connected, and if you play the slider, the steps will change too, and vice versa for the steps as well.

Carousel anything steps demo

Also, check How to connect Carousel Remote with Carousel in Elementor.

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