---
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-09-18
lang: en
author: "Aditya Sharma"
description: "Carousel arrows usually have to sit next to the carousel, which is exactly where they compete with the content for attention. A remote lets the controls live somewhere else on..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Connect-Infobox-with-Carousel-Remote-in-WordPress_-1024x519.jpg
word_count: 394
---

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

Carousel arrows usually have to sit next to the carousel, which is exactly where they compete with the content for attention.

A remote lets the controls live somewhere else on the page — beside a heading, in the next column — and still drive the carousel.

*For every Infobox setting in one place, see the [Infobox feature guide](https://nexterwp.com/docs/add-infobox-in-wordpress/).*

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

## Before You Start

- **Edition:** Free — the Infobox block works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Infobox, switched on under **Nexter > Blocks** in your WordPress dashboard.

## Steps

- Add the **Infobox** block and set its **Layout** to **Carousel**.

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

- Give the carousel a **Carousel ID** — any short name, used only to pair the two blocks.

![Setting the carousel ID](https://nexterwp.com/wp-content/uploads/2024/12/infobox-carousel-remote-prev-next-new.png)

- Add a **Carousel Remote** block wherever you want the controls.

- Enter the **same ID** in the remote block so the two are paired.

![The remote block using the matching ID](https://nexterwp.com/wp-content/uploads/2024/12/firefox_qPMBijm5BX.png)

## How It Behaves

- Setting a Carousel ID writes the pairing attributes onto the carousel — measured on a published page, the block carried both a carousel identifier and a connection value derived from the ID you typed.- **With no ID, neither attribute is written** — measured, so a remote has nothing to pair with.- The ID is only a label for the pairing; it does not appear to readers.- The remote can sit anywhere on the same page — it does not have to be near the carousel.

## Limitations

- **The IDs must match exactly** on both blocks — a typo means the remote silently controls nothing.- The pairing works within one page; a remote cannot drive a carousel on a different page.- Use a distinct ID per carousel if you have more than one on a page, or a remote may drive the wrong one.- The connection needs the carousel layout — a listing infobox has nothing to advance.

## Troubleshooting

### The remote does not control the carousel

Check the IDs match exactly on both blocks, including capitalisation, and that the Infobox is set to the **Carousel** layout. Measured: with no ID set, the carousel writes no pairing attributes at all.

### My remote drives the wrong carousel

Two carousels are sharing an ID. Give each one its own and update the matching remote.

### Nothing happens on a listing infobox

Only the carousel layout can be advanced. Switch the Layout to Carousel first — see [the carousel doc](https://nexterwp.com/docs/add-an-infobox-carousel-in-wordpress/).

## Related Docs

- [Infobox feature guide](https://nexterwp.com/docs/add-infobox-in-wordpress/)- [Infobox carousel](https://nexterwp.com/docs/add-an-infobox-carousel-in-wordpress/)- [Carousel Remote block](https://nexterwp.com/docs/add-carousel-remote-in-wordpress/)- [Full box link](https://nexterwp.com/docs/add-a-full-box-link-to-the-infobox-in-wordpress/)