--- title: "How to connect Carousel Remote with Carousel in Elementor?" url: https://theplusaddons.com/docs/connect-carousel-remote-with-carousel-in-elementor/ date: 2023-02-16 modified: 2026-09-14 lang: en author: "Aditya Sharma" description: "Sometimes the carousel buttons belong somewhere else on the page: under a heading, beside a text column or in a sidebar. The Carousel Remote widget from The Plus Addons for..." image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-connect-Carousel-Remote-with-Carousel-in-Elementor-1024x536.jpg word_count: 515 --- # How to connect Carousel Remote with Carousel in Elementor? ## - Connects Carousel Anything widget with Carousel Remote widget from The Plus Addons for Elementor to control carousel navigation. - Requires a Unique Carousel ID in both the Carousel Anything and Carousel Remote widgets for proper functionality. - Offers customization options for navigation types, including Next/Previous buttons and Dots, enhancing user experience in Elementor. Sometimes the carousel buttons belong somewhere else on the page: under a heading, beside a text column or in a sidebar. The **Carousel Remote** widget from The Plus Addons for Elementor gives a **Carousel Anything** slider its own Next/Prev buttons and dots, placed wherever you like. The two widgets are linked by the same ID. *To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, [click here](https://theplusaddons.com/docs/carousel-anything-elementor-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/carousel-slider/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — The Carousel Remote widget needs The Plus Addons for Elementor Pro. The Carousel Anything widget itself is free.- **Widget to enable:** Carousel Anything, switched on under **The Plus Addons > Widgets**.- The **Carousel Remote** widget switched on as well.- A Carousel Anything widget with its slides ready (see the [settings overview](https://theplusaddons.com/docs/carousel-anything-elementor-widget-settings-overview/)). ## Step 1: Give the Carousel an ID - Select the **Carousel Anything** widget.- Open **Content > Extra Options** and type an ID in **Unique Carousel ID**, for example `plans`. Use letters, numbers, dashes or underscores, without spaces. ![The Unique Carousel ID field in the Extra Options section of the Carousel Anything widget](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-unique-id.webp) ## Step 2: Link the Carousel Remote - Drag the **Carousel Remote** widget to the place where the controls should appear.- In **Content**, type the same ID in **Unique Connection ID**.- Leave **Remote Type** on **Carousel**. ![The Unique Connection ID and Remote Type fields of the Carousel Remote widget](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-remote-id.webp) ## Step 3: Choose Buttons, Dots or Both - Open **Prev/Next**. **Next/Prev Button** is on by default and shows a Prev and a Next button. Change the button text and icons here if you like. ![The Next/Prev Button switch in the Prev/Next section of the Carousel Remote widget](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-remote-prevnext.webp) - Open **Dots** and turn on **Dots**.- Add one dot item per slide, in the same order as the slides. ![The Dots switch and dot items in the Dots section of the Carousel Remote widget](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-remote-dots.webp) Publish the page and try the buttons and dots on the front end. ![A Carousel Anything slider on the front end with Carousel Remote Prev/Next buttons and four dots below it](https://theplusaddons.com/wp-content/uploads/2026/09/carousel-result-remote.webp) ## How It Behaves - **Next** and **Prev** move the carousel one step.- Clicking a dot moves the carousel to the slide with the same number, and that dot becomes active.- It also works the other way: when the carousel moves to another slide, the matching dot becomes active.- Only the carousel with the matching ID reacts. Another Carousel Anything widget on the same page with a different ID stays where it is. ## Limitations - Dots are matched to slides by position. With fewer dots than slides, the extra slides have no dot: in our test with 3 dots and 4 slides, the third dot stayed active while the fourth slide was shown.- An ID with a space does not work. In our test, `my plans` left the buttons without any effect.- Carousel Remote is not part of the free plugin. The Unique Carousel ID field is in the free Carousel Anything widget, but the remote needs Pro. ## Troubleshooting ### The buttons do nothing - Check that **Unique Carousel ID** and **Unique Connection ID** are exactly the same.- Remove any spaces from the ID.- Make sure **Remote Type** is set to **Carousel**. ### A dot opens the wrong slide Put the dot items in the same order as the carousel slides, and add one dot per slide. ## Related Docs - [Carousel Anything widget: settings overview](https://theplusaddons.com/docs/carousel-anything-elementor-widget-settings-overview/)- [Show or hide the carousel's own arrows and dots](https://theplusaddons.com/docs/showhide-arrows-dots-in-elementor-carousel/)- [Connect an Info Box with Carousel Anything](https://theplusaddons.com/docs/connect-infobox-with-carousel-in-elementor/)- [Connect Process Steps with Carousel Anything](https://theplusaddons.com/docs/connect-process-steps-with-carousel-anything-in-elementor/)