--- title: "How to Connect WordPress Blocks with Carousel Remote Block?" url: https://nexterwp.com/docs/add-carousel-remote-in-wordpress/ date: 2023-02-20 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "A carousel's own arrows sit where the carousel puts them. Sometimes the design calls for them somewhere else entirely — beside a heading, under a column, at the other end..." image: https://nexterwp.com/wp-content/uploads/2024/05/carousel-remote-block-settings-overview-1024x519.jpg word_count: 749 --- # How to Connect WordPress Blocks with Carousel Remote Block? ## Key Takeaways - Carousel Remote se conecta a un carrusel, una pestaña o un switcher con un solo Carousel ID compartido; si los IDs coinciden, los controles funcionan y, si no coinciden, no ocurre nada y no aparece ningún error. - Nexter Blocks Pro activa el bloque Carousel Remote bajo Nexter > Blocks en el panel de WordPress; con Nexter Blocks Pro desactivado, el bloque no muestra nada, ni controles ni marcador de posición. - Carousel Remote permite colocar flechas, puntos o paginación en otra parte de la página y también admite más de un remote para el mismo carrusel; con dos remotes que comparten ID, ambos controlan el mismo carrusel. - La paginación usa el valor que se escribe en Slider Indicator y no el recuento real de diapositivas; con 7 muestra 01 / 07, con el campo vacío muestra 01 / 0, y Autoplay está activado por defecto en el carrusel. A carousel's own arrows sit where the carousel puts them. Sometimes the design calls for them somewhere else entirely — beside a heading, under a column, at the other end of the section. The Carousel Remote is that set of controls, placed wherever you like and connected to the carousel by a single shared ID. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-remote-sync/) ## Before You Start - **Edition:** **Pro** — the Carousel Remote block needs Nexter Blocks Pro.- **Block to enable:** Carousel Remote, switched on under **Nexter > Blocks** in your WordPress dashboard.- A carousel, tab or switcher block already on the page to connect to. ## Video Tutorial https://www.youtube.com/watch?v=Q4SXcAPtPWk&pp=0gcJCeAJAYcqIYzv ## Steps - Add the **Carousel Remote** block where you want the controls to appear. ![Adding the Carousel Remote block](https://nexterwp.com/wp-content/uploads/2023/02/Nexter-Blocks-Carousel-Remote-Activation.webp) - Open the block that will be controlled and set its **Carousel ID**. ![Setting the Carousel ID on the block being controlled](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-design-type.webp) - Set the **same Carousel ID** on the Carousel Remote. This is the whole connection. ![Setting the matching Carousel ID on the remote](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-connection-uid-new.webp) - Choose the **Remote Type** — Carousel, Tab or Switcher — to match the block you are driving. ![Choosing the remote type](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-prev-next-buttons-new.webp) - Turn on the controls you want: arrows, **dots** or **pagination**. ![The arrows, dots and pagination options](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-carousel-remote-dots-new.webp) - Style the controls, then publish and test on the real page. ![Styling the remote controls](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-pagination-new.webp) > ***Both blocks need the same Carousel ID.** That one field is the whole connection. Measured: with matching IDs the controls drive the other block; with different IDs **nothing happens at all and no error is shown**.* ## How It Behaves The Carousel Remote is a set of controls — arrows, dots or a counter — that you place somewhere else on the page and connect to a carousel, a tab block or a switcher. It holds no content of its own; it only drives another block. - **Both blocks need the same Carousel ID.** That one field is the whole connection. Measured: with matching IDs the controls drive the other block; with different IDs **nothing happens at all and no error is shown**.- **Arrows, dots and pagination all work, measured.** On a six-slide carousel: Next moved slide 1 to 2 and Prev moved it back; clicking the third dot jumped straight to the third slide and marked that dot active.- **Tabs wrap around.** Measured on a two-tab block: Next moved tab 1 to 2, Next again returned to tab 1, and Prev moved to tab 2.- **The pagination total is a number you type, not the real slide count.** Measured: with **Slider Indicator** set to 7 the page shows `01 / 07`; with the field left empty it shows `01 / 0`. The current-page half does update as the carousel moves, but the total will be wrong if you add or remove slides and forget to change it.- **You can place more than one remote on the same carousel.** Measured with two remotes sharing an ID: both drove the same carousel. ![The pagination counter on the published page](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-accessibility-new.webp) > ***Carousels autoplay by default.** Measured on a default carousel: the slides advance on their own. If the carousel seems to ignore or fight your remote, switch **Autoplay** off on the carousel block before concluding the connection is wrong.* ## Limitations - **An empty Carousel ID makes the remote inert.** Measured: with the field blank the block writes no connection information at all, yet the arrows still render and still look clickable. They simply do nothing.- **A wrong ID fails silently.** Measured with mismatched IDs on a carousel: the slides did not move and nothing was reported anywhere.- **The remote holds no content.** It cannot show slides itself; it only drives another block.- **The pagination total does not follow the carousel** — measured, it is whatever number you typed.- Measured with Nexter Blocks Pro deactivated: the block renders nothing at all — no controls, no placeholder. ## Troubleshooting ### The arrows do nothing The IDs do not match, or the remote's ID is empty. Measured: both failures are completely silent. Check the Carousel ID on both blocks character for character. ### The carousel moves on its own That is autoplay, not the remote. Measured: a carousel autoplays by default. Switch Autoplay off on the carousel block. ### The counter shows the wrong total Measured: the total comes from the **Slider Indicator** field you type, not from the carousel. Update it when the number of slides changes; an empty field shows 0. ### Nothing renders where I put the block Measured with Nexter Blocks Pro deactivated: the block renders nothing at all — no controls, no placeholder. Check Nexter Blocks Pro is active. ### The remote controls the wrong block Two blocks on the page share a Carousel ID. Give each pairing its own unique ID. ![A Carousel Remote driving a carousel elsewhere on the page](https://nexterwp.com/wp-content/uploads/2023/02/carousel-remote-style-new.webp) ## Related Docs - [Sync a Carousel Remote with the Testimonials block](https://nexterwp.com/docs/carousel-remote-sync-with-wordpress-testimonials-block/)- [Sync a Carousel Remote with the Tabs Tours block](https://nexterwp.com/docs/carousel-remote-sync-with-wordpress-tabs-tours-block/)- [Connect an Infobox with the Carousel Remote](https://nexterwp.com/docs/connect-infobox-with-carousel-remote-in-wordpress/) ## Frequently Asked Questions **Q: Why do the arrows do nothing on my carousel remote block?** A: The usual cause is a bad or empty Carousel ID. Nexter Blocks, part of Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter, treats that connection as a silent match check: if the IDs do not match character for character, nothing moves and no error appears. An empty ID is even more deceptive because the arrows still render and look clickable. The fix is to give both blocks the same ID. **Q: Can I use the carousel remote block with tabs or switchers too?** A: The Carousel Remote is not limited to carousels. It can drive a carousel, a tab block, or a switcher as long as the Remote Type matches the block you are controlling and both blocks share the same Carousel ID. That makes it useful when the controls need to sit outside the content area, like beside a heading or at the other end of a section. The page also links related setups for [Tabs Tours](https://nexterwp.com/docs/carousel-remote-sync-with-wordpress-tabs-tours-block/) and [Testimonials](https://nexterwp.com/docs/carousel-remote-sync-with-wordpress-testimonials-block/). **Q: What do I need before using the carousel remote block in WordPress?** A: Nexter Blocks Pro is required because the Carousel Remote block only works when that Pro edition is active. The page also says Carousel Remote must be switched on under Nexter > Blocks in your WordPress dashboard, and you need an existing carousel, tab, or switcher block on the page to connect to. That matters because the remote has no content of its own. It only sends control signals to another block with the same Carousel ID. **Q: Why does my carousel move by itself even when I use remote controls?** A: That behavior is autoplay, not a broken remote. The page measures default carousels as advancing on their own, so if the motion looks like it is fighting your controls, Autoplay is still on in the carousel block. Turning Autoplay off isolates manual control and makes it much easier to tell whether your Carousel ID pairing is correct. This matters most when you are testing because autoplay can hide a real connection problem or make normal movement look like an error. **Q: Why does the counter show the wrong total on my carousel remote?** A: The total is typed manually in the Slider Indicator field, so it does not track slide count automatically. The page measures this clearly: entering 7 shows 01 / 07, while leaving it empty shows 01 / 0. That means adding or removing slides later will leave the counter wrong unless you update that number yourself. The current number updates as the carousel moves, but the total only reflects what you entered. **Q: What is the best way to avoid connecting one remote to the wrong block?** A: Give each pairing its own unique Carousel ID. The page measures that two blocks sharing an ID will both drive the same carousel, which is handy only when you want duplicate controls on purpose. If two different blocks reuse one ID by accident, the remote will control whichever block shares that match instead of staying isolated. Unique IDs are the cleanest way to prevent cross-talk when several carousels or other blocks live on one page.