How to connect an Infobox with Carousel in Elementor?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to connect the Carousel Anything widget with the Infobox widget using a connection ID.
  • Users must ensure the number of slides in the Carousel Anything widget matches the number of items in the Infobox widget for proper functionality.
  • The Carousel Anything Connection toggle must be activated in the Infobox widget to establish the connection with the same Unique Carousel ID.
Table Of Content

Are you looking to create a visually appealing, interactive website with Elementor? Incorporating an infobox and carousel is one way to make your website stand out and provide a more engaging experience for your visitors.

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.

LIVE WIDGET LINK

With The Plus Addons for Elementor, you can connect the Carousel Anything widget with the Infobox widget using a connection ID to create some interesting layouts.

For this process, first, drag and drop the Carousel Anything widget and the Infobox widget, 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 how to connect an infobox with carousel in elementor? From the plus addons for elementor

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

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

Tpae carousel anything template connect info box ucid how to connect an infobox with carousel in elementor? From the plus addons for elementor

4. Now select the Infobox widget and make sure the Carousel option is selected from the Select Layout dropdown, then 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 info box ccid how to connect an infobox with carousel in elementor? From the plus addons for elementor

5. You can also set any particular infobox item as active from the Default Active dropdown, and if you want, you can set the play mode as hover or click from the Effect on dropdown.

6. For both widgets, go Style tab > Carousel Options and make sure the settings for Desktop Columns and Next Previous are the same. Also, check the settings for tablet and mobile as well.

Tpae carousel anything info box columns how to connect an infobox with carousel in elementor? From the plus addons for elementor

Now your Infobox and Carousel Anything widgets are connected, and if you slide the infobox slider, the carousel slide will also change, and if you change the carousel slide infobox will change too.

Also, check How to connect Process Steps with Carousel Anything Widget in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Infobox and Carousel aren't syncing?

If the Infobox and Carousel aren't syncing, check that the Unique Carousel ID is the same for both widgets. This ID is crucial for establishing the connection. Additionally, ensure that the number of items in the Infobox matches the number of slides in the Carousel. If they differ, the connection won't work properly.

Can I use the Carousel Anything widget with other Elementor widgets?

The Carousel Anything widget is designed to work specifically with The Plus Addons for Elementor. It integrates seamlessly with the Infobox widget, allowing for dynamic content display. However, it does not support integration with other page builders like Gutenberg, Beaver Builder, or Divi.

What settings should I use for optimal display on mobile devices?

For optimal display on mobile devices, ensure that the Desktop Columns and Next Previous settings are consistent across both the Infobox and Carousel widgets. This uniformity helps maintain a cohesive look and functionality. Additionally, check the settings for tablet and mobile views to ensure a responsive design.

How do I set a specific Infobox item as active?

To set a specific Infobox item as active, navigate to the Infobox widget settings and use the Default Active dropdown. This feature allows you to highlight a particular item when the page loads, enhancing user experience by directing attention to important content.

Last reviewed: April 12, 2026

Related Docs