---
title: "How to connect an Infobox with Carousel in Elementor?"
url: https://theplusaddons.com/docs/connect-infobox-with-carousel-in-elementor/
date: 2023-02-16
modified: 2026-04-12
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-connect-an-Infobox-with-Carousel-in-Elementor-1024x536.jpg
word_count: 340
---

# How to connect an Infobox with Carousel in Elementor?

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

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](/docs/carousel-anything-elementor-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-widget/carousel-slider/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Template-Connect-With-Other-Widget.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Template-Connect-Info-Box-UCID.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Template-Connect-Info-Box-CCID.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Info-Box-Columns-795x1024.jpg)

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](https://theplusaddons.com/docs//connect-process-steps-with-carousel-anything-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the Infobox and Carousel aren't syncing?**
A: 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.

**Q: Can I use the Carousel Anything widget with other Elementor widgets?**
A: 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.

**Q: What settings should I use for optimal display on mobile devices?**
A: 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.

**Q: How do I set a specific Infobox item as active?**
A: 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.