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

Updated on February 16, 2023 by Editorial Team
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 its 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 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 steps in your Process/Steps widget 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 carousel id

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.

Process step connection carousel id

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.

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
    X