---
title: "How to Connect Infobox with Carousel Remote in WordPress?"
url: https://nexterwp.com/docs/connect-infobox-with-carousel-remote-in-wordpress/
date: 2024-12-11
modified: 2026-04-14
author: "Aditya Sharma"
description: "Infobox carousel allows you to present key information in a compact, visually appealing format. By connecting the navigation of the infobox carousel with the Remote Carousel, you can make interesting..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Connect-Infobox-with-Carousel-Remote-in-WordPress_-1024x519.jpg
word_count: 321
---

# How to Connect Infobox with Carousel Remote in WordPress?

## Key Takeaways

- Nexter Blocks Infobox block uses Carousel layout and a unique Carousel ID to connect with the Carousel Remote block on the same page.
- Carousel Remote block supports two navigation types, Next and Previous Button and Dots, and the Dots tab needs the same number of dot items as the number of slides in the carousel.
- Infobox block navigation is disabled for the best user experience when the Carousel Remote block controls the infobox carousel navigation.

Infobox carousel allows you to present key information in a compact, visually appealing format. By connecting the navigation of the infobox carousel with the Remote Carousel, you can make interesting carousel navigation.

*To check the complete feature overview documentation of the Nexter Blocks Infobox block,* *[click here](https://nexterwp.com/docs/add-infobox-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-table/)

To connect these two blocks, first, add both the Infobox and the Carousel Remote block to the page and follow the steps.

1. In the Infobox block, select **Carousel **from the **Select Layout **section, and then select an appropriate style.

2. Then add the required content from the **Infobox** section.

3. After that, go to the **Connection** tab and add a unique ID in the **Unique Carousel ID** field.

4. Now select the Carousel Remote block, then go to the **Connection** tab and add the same ID in the **Unique Carousel ID** field.

![](https://nexterwp.com/wp-content/uploads/2024/12/infobox-carousel-remote-unique-id-new.png)

5. Now, you can have two different types of navigation for the Carousel Remote block, the 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 Button** tab and turn on the **Button** toggle, make sure the **Carousel** option is selected from the **Connection** section and you’ll find some additional customization options as well.

![](https://nexterwp.com/wp-content/uploads/2024/12/infobox-carousel-remote-prev-next-new.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 carousel. You will get some customization options for your dots as well.

![](https://nexterwp.com/wp-content/uploads/2024/12/firefox_qPMBijm5BX.png)

> *Note: You should disable all the navigation options for the Infobox Block for the best user experience.*

Now you can easily control your infobox carousel navigation from a different location on your page.