How to Connect Elementor Infobox with Carousel Remote?

Updated onApril 9, 2026By

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.
Table Of Content

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.

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

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 Content tab in this you will find a Select Layout dropdown, you have to select Carousel.

Info box select layout how to connect elementor infobox with carousel remote? From the plus addons for elementor


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

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.

Remote carousel id how to connect elementor infobox with carousel remote? From the plus addons for elementor

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.

Carousel remote button how to connect elementor infobox with carousel remote? From the plus addons for elementor

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

Now you will have easy navigation for the info boxes.

Carousel remote demo

Suggested Read: How to Show a Services Box in WordPress using 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 widget doesn't display in the carousel?

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.

What are the best practices for setting up navigation in the carousel?

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.

What happens if I forget to set the Unique Carousel ID?

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.

Are there any limitations when using the Infobox widget with the Carousel Remote?

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.

Last reviewed: April 9, 2026

Related Docs