How to connect a Slider, Tabs with an Accordion with Carousel ID in Elementor?

Updated onApril 12, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows interconnection of widgets to toggle content changes.
  • Carousel Anything widget requires the same number of slides as items in the Accordion widget.
  • A Unique Carousel ID must be added to both the Carousel Anything widget and the Accordion widget for connection.
Table Of Content

One of the USP of using The Plus Addons for Elementor widgets is that you can interconnect them with each other to toggle content changes. Using this feature, you can create unique layouts for your website to keep yourself apart from the competition.

Here we will see how to connect your Accordion with the Carousel Anything Slider widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.

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

For this process, first drag and drop the Carousel Anything widget with the Accordion widget,  and then follow the steps below:

1. Add content to the Carousel Anything widget from the Elementor template or shortcode.

Tpae accordion carousel anything select template how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

2. Make sure the number of slides in your slider and the number of items in your accordion are the same.

3. Add a Unique Carousel ID in the Carousel Anything widget; this can be any combination of letters and numbers.

Tpae accordion carousel anything ucid how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

4. Now, to make the connection, add the same ID in the Carousel Connection ID field of the accordion widget.

Tpae accordion carousel anything ccid how to connect a slider, tabs with an accordion with carousel id in elementor? From the plus addons for elementor

And now your Accordion widget is connected with the Carousel Anything widget. Now, as you change your Accordion item, your carousel anything slider will change as well. Amazing, isn’t it?

Anything carousel and accordion demo

About the Author

Aditya Sharma
CMO · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my Accordion and Carousel don't sync?

If your Accordion and Carousel aren't syncing, first check that the number of slides in your Carousel Anything widget matches the number of items in your Accordion widget. This is crucial for the connection to work properly. Additionally, ensure that you have assigned the same Unique Carousel ID in both widgets. If these conditions are met and it still doesn't work, consider rechecking the ID for any typos.

Can I use the Accordion with other widgets in Elementor?

The Accordion widget from The Plus Addons for Elementor is designed to work seamlessly with the Carousel Anything widget for synchronized content changes. While it can be used with other widgets, the specific remote sync feature is only effective when paired with the Carousel Anything widget. This allows for unique interactive layouts that enhance user engagement.

What is the best practice for setting up the Carousel ID?

When setting up the Carousel ID, it's best to use a unique combination of letters and numbers that is easy to remember but not too simple to avoid conflicts. This ID is essential for linking the Accordion and Carousel widgets. A good practice is to use a descriptive ID that reflects the content or purpose of the widgets, making it easier to manage multiple connections on your site.

What happens if I add more items to the Accordion than the Carousel?

If you add more items to the Accordion than there are slides in the Carousel, the synchronization will not function correctly. The Carousel will only display the number of slides that match the Accordion items. This mismatch can lead to confusion for users, as they may expect more content to be displayed. Always ensure that the item counts are equal for proper functionality.

Is there a limit to the number of items I can add to the Accordion or Carousel?

While the page does not specify a hard limit on the number of items for the Accordion or Carousel, practical performance considerations suggest keeping the number manageable. Too many items can lead to slower load times and a cluttered user interface. It's advisable to test the performance impact as you increase the number of items to ensure a smooth user experience.

How do I ensure my Accordion and Carousel widgets are connected properly?

To ensure proper connection between your Accordion and Carousel widgets, start by adding a Unique Carousel ID in the Carousel Anything widget. Then, input the same ID in the Carousel Connection ID field of the Accordion widget. This step is crucial for enabling the remote sync feature, allowing changes in the Accordion to reflect in the Carousel. Double-check both IDs for accuracy to avoid connection issues.

Last reviewed: April 12, 2026

Related Docs