---
title: "How to Connect Infobox with Carousel Remote in WordPress?"
url: https://qa.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://qa.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

- Connects Nexter Blocks Infobox with Carousel Remote for enhanced navigation.
- Requires installation and activation of Nexter Blocks to utilize the Infobox block features.
- Enables customization of navigation options, including Next/Previous buttons and Dots for the Carousel Remote.

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://qa.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://qa.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://qa.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://qa.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://qa.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.