--- title: "How to connect a Slider, Tabs with an Accordion with Carousel ID in Elementor?" url: https://theplusaddons.com/docs/carousel-widgets-remotesync-elementor/ date: 2023-01-25 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want an accordion that drives a slider? Connect the two, and opening an item shows the matching slide — great for feature tours or step-by-step guides with visuals...." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-connect-a-Carousel-Slider-with-an-Accordion-in-Elementor_.jpg word_count: 332 --- # How to connect a Slider, Tabs with an Accordion with Carousel ID in Elementor? ## - The Accordion widget from The Plus Addons for Elementor connects to the Anything Carousel widget with a shared ID, so opening an accordion item moves the carousel to the matching slide and changing the slide opens the matching item. - The setup uses a Unique Carousel ID such as faq-slider in Anything Carousel and the same value in Accordion > Content > Extra Option > Carousel Connection ID; the IDs are case-sensitive and use letters, numbers, and hyphens. - The connection is part of The Plus Addons for Elementor Pro, while the free plugin shows an upgrade notice; it also requires equal counts, one carousel per ID on a page, and does not open items in On Hover Accordion mode. Do you want an accordion that drives a slider? Connect the two, and opening an item shows the matching slide — great for feature tours or step-by-step guides with visuals. The Accordion widget from The Plus Addons for Elementor connects to the **Anything Carousel** widget with a shared ID. *To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](https://theplusaddons.com/docs/elementor-accordion-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/accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — Carousel Connection ID is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.- **Widget to enable:** Accordion, switched on under **The Plus Addons > Widgets**.- **The Anything Carousel widget** on the same page (it is in the free plugin too; the Accordion side of the connection needs Pro). ## Step 1: Set up the carousel - Add the **Anything Carousel** widget and add one slide for each accordion item, in the same order. Slides can use Elementor templates.- In its settings, type an ID in **Unique Carousel ID**, for example `faq-slider`. Use letters, numbers and hyphens. ![Unique Carousel ID in the Anything Carousel widget](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-ca-unique-id.webp) ## Step 2: Connect the accordion In the Accordion widget, go to **Content > Extra Option** and type the same ID in **Carousel Connection ID**. ![Carousel Connection ID in the Extra Option section of the Accordion](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-connection.webp) Publish. Opening an accordion item now moves the carousel to the matching slide, and changing the slide opens the matching item. ![An accordion and a carousel moving together](https://theplusaddons.com/wp-content/uploads/2023/01/anything-carousel-accordion-demo.gif) ## How It Behaves - Item 1 goes with slide 1, item 2 with slide 2, and so on — by position, not by name.- It works in both directions. ## Limitations - **Keep the counts equal.** Extra items or slides have no partner.- **One carousel per ID** on a page.- **Hover mode:** changing the slide does not open items when On Hover Accordion is on. ## Troubleshooting ### Nothing moves Check that both IDs are identical (they are case-sensitive) and test on the published page. ## Related Docs - [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)- [Autoplay the accordion](https://theplusaddons.com/docs/elementor-accordion-autoplay/) ## Frequently Asked Questions **Q: How do I sync an accordion with a slider in Elementor using a shared ID?** A: The two widgets sync through the same Carousel Connection ID. Set the Anything Carousel widget with a Unique Carousel ID, then enter that exact same ID in the Accordion widget under Content > Extra Option. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses position-based matching, so item 1 maps to slide 1, item 2 to slide 2, and so on. That makes the order just as important as the ID. **Q: What do I need before connecting an accordion to a carousel on the same page?** A: The Accordion widget must be enabled under The Plus Addons > Widgets, and the connection feature is part of The Plus Addons for Elementor Pro. The Anything Carousel widget is available in the free plugin too, but the Accordion side of the connection needs Pro. A practical setup is one slide per accordion item, in the same order, so the mapping stays predictable when users click through the content. **Q: Why is my carousel connection not working in Elementor?** A: The most common failure point is a mismatched ID. The IDs are case-sensitive, so faq-slider and FAQ-slider are treated as different values. The page also says to test on the published page, which matters because editor-only testing can hide behavior that only appears live. If nothing moves, check that both widgets use identical IDs and that you are not mixing up the Unique Carousel ID with Carousel Connection ID. **Q: Can I use Elementor templates inside the synced carousel slides?** A: Elementor templates can be used inside the Anything Carousel slides, which makes this setup useful for feature tours or step-by-step guides with visuals. The key detail is still order: each slide should correspond to one accordion item in the same sequence. That keeps the visual content aligned with what opens in the accordion instead of creating mismatched navigation. **Q: What are the limits of connecting an accordion to a carousel by ID?** A: The connection has three important limits: keep the number of slides and accordion items equal, use only one carousel per ID on a page, and remember that hover mode changes behavior. Extra items or slides have no partner, so they will not sync cleanly. In On Hover Accordion mode, changing the slide does not open items, which can surprise people expecting two-way syncing in every interaction style. **Q: What happens when I open an accordion item after linking it to a carousel?** A: Opening an accordion item moves the carousel to the matching slide, and changing the slide opens the matching item. The behavior is bidirectional and based on position rather than name, so item 1 always pairs with slide 1. That makes this setup good for guided content where text and visuals need to stay locked together without manual coordination.