--- title: "How to Connect Elementor Infobox with Carousel Remote?" url: https://theplusaddons.com/docs/connect-elementor-infobox-with-carousel-remote/ date: 2024-03-14 modified: 2026-04-09 author: "Aditya Sharma" description: "Adding an Infobox/service box carousel in Elementor brings dynamic interactivity to websites. This feature lets site owners showcase products, services, team members, or other info in an appealing, organized way...." image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-Connect-Elementor-Infobox-with-Carousel-Remote_-1024x536.jpg word_count: 338 --- # How to Connect Elementor Infobox with Carousel Remote? ## Key Takeaways - Elementor Infobox widget connects with Carousel Remote widget to create dynamic carousel navigations. - Users can customize navigation options by enabling Next/Previous buttons or Dots in the Carousel Options. - The Plus Addons for Elementor requires installation and activation to access the Infobox and Carousel Remote widgets. Adding an Infobox/service box carousel in Elementor brings dynamic interactivity to websites. This feature lets site owners showcase products, services, team members, or other info in an appealing, organized way. Visitors can easily navigate through the carousel to explore different offerings. With just a click. When you connect the Infobox widget with the Carousel Remote widget, you can make interesting carousel navigations. *To check the complete feature overview documentation of The Plus Addons for Elementor Info Box widget, [click here.](https://theplusaddons.com/docs//info-box-widget-settings-overview/)* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-info-box/?utm_source=tpae&utm_medium=docs&utm_campaign=text) For this process, first, drag and drop the Infobox widget and Remote Carousel widget, and then follow the below steps: 1. Open the **Info box** widget and go to the **Conten**t tab in this you will find a **Select Layout **dropdown, you have to select **Carousel**. ![](https://theplusaddons.com/wp-content/uploads/2024/03/info-box-select-layout.png) 2. Add content from the Carousel InfoBox section. 3. Now go to the **Style tab** > **Carousel Options** and add a unique id in the **Unique Carousel ID** field. ![Carousel id](https://theplusaddons.com/wp-content/uploads/2024/03/Carousel-ID.png) 4. Now select the **Carousel Remote widget**, then go to the **Content tab**, add the same ID in the **Unique Connection ID** field and make sure **Remote Type** is selected as **Carousel**. ![](https://theplusaddons.com/wp-content/uploads/2024/03/Remote-Carousel-ID.png) 5. Now you can have two different types of navigation, a Next and Previous button and Dots (image or icon). You can use either one or both. a) To use the next previous button go to **Prev/Next** tab and turn on the **Next/Prev** Button toggle. You’ll find some customization options as well. ![](https://theplusaddons.com/wp-content/uploads/2024/03/carousel-remote-button.png) b) But if you want to use dot navigation, then go to the **Dots** tab and turn on the **Dots** toggle. Now make sure to have the same number of dot items as the number of slides in your Info box widget. You will get some customization options for your dot navigation. ![carousel remote dot button](https://theplusaddons.com/wp-content/uploads/2024/03/carousel-remote-dot-button.png) Now you will have easy navigation for the info boxes. ![carousel remote demo](https://theplusaddons.com/wp-content/uploads/2024/03/carousel-remote-demo.gif) ***Suggested Read: **[How to Show a Services Box in WordPress using Elementor](https://theplusaddons.com/docs//show-services-box-in-wordpress-using-elementor/)* ## Frequently Asked Questions **Q: What should I do if the Infobox widget doesn't display in the carousel?** A: If the Infobox widget isn't showing up in the carousel, ensure that you've selected 'Carousel' in the Select Layout dropdown within the Content tab of the Infobox widget. This setting is crucial for enabling the carousel functionality. Additionally, check that the Unique Carousel ID is correctly set in the Style tab under Carousel Options, as this ID must match the one used in the Carousel Remote widget. **Q: What are the best practices for setting up navigation in the carousel?** A: For optimal navigation in your carousel, consider using both Next/Previous buttons and dot navigation. Ensure that the number of dots matches the number of slides in your Infobox widget. This consistency helps users understand their position within the carousel. Customize the appearance of these navigation elements to fit your site's design for better user experience. **Q: What happens if I forget to set the Unique Carousel ID?** A: If you forget to set the Unique Carousel ID in both the Infobox and Carousel Remote widgets, the connection between them will fail. This means the carousel navigation won't function as intended, and users may not be able to switch between different info boxes. Always ensure that the IDs match to enable proper functionality. **Q: Are there any limitations when using the Infobox widget with the Carousel Remote?** A: One limitation to consider is that the Infobox widget is part of The Plus Addons for Elementor, meaning it only works with Elementor and not with other page builders like Gutenberg or Divi. Additionally, ensure that both widgets are properly configured with matching Unique IDs to avoid functionality issues.