How to connect a Carousel with Accordion in WordPress?

Key Takeaways

  • Nexter Blocks allows users to interconnect blocks via a connection id.
  • Carousel Anything block requires the number of slides to equal the number of Accordion items.
  • Connecting Accordion and Carousel Anything blocks enables synchronized changes between them.
Table of Contents

One of the advantages of using Nexter Blocks, is that you can interconnect them via a connection id. Let’s see how you can connect your accordion with the Carousel Anything block.

To check the complete feature overview documentation of The Nexter Blocks Accordion block, click here.

Requirement  – This block is a part of The Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

One of the advantages of using the Nexter blocks, is that you can interconnect them via a connection id. Let’s see how you can connect your accordion with the Carousel Anything block.

To do so, add both Carousel Anything and Accordion block on the page, then follow the steps.

1. Add the content to the Carousel Anything slide using the Pattern or Editor.

2. The number of slides in the Carousel Anything block should be equal to the number of Accordion items.

3.Next, in the Carousel Anything block, go to Carousel Remote Sync ID > Unique Carousel ID and add an id.

accordion layout carousel anything conn id new

4. The last step to make the connection, go to the Accordion block Extra Options > Carousel Connection Id and add the same id.

accordion layout carousel conn id new

With that, you have established a connection between your Accordion block and the Carousel Anything block. Now, whenever you change your Accordion item, the slider will change too.

Also check, How to set close or open specific Accordion Item in WordPress.

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 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.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What should I do if my Carousel and Accordion are not syncing?

If your Carousel and Accordion are not syncing, check that the number of slides in the Carousel Anything block matches the number of Accordion items. Each Accordion item should correspond to a slide in the Carousel. Additionally, ensure that the Unique Carousel ID in the Carousel block and the Carousel Connection ID in the Accordion block are identical, as this is crucial for establishing the connection.

What is the best practice for setting the Carousel ID?

The best practice for setting the Carousel ID is to use a unique identifier that clearly relates to the specific Carousel and Accordion you are connecting. This ensures that there are no conflicts with other elements on the page. Consistency is key; make sure to input the same ID in both the Carousel Anything block and the Accordion block to maintain proper functionality.

What happens if I forget to match the Carousel ID in both blocks?

If you forget to match the Carousel ID in both the Carousel Anything block and the Accordion block, the synchronization will fail. This means that changing an Accordion item will not affect the Carousel, leading to a disjointed user experience. Always double-check that both IDs are identical to ensure they work together seamlessly.

Is there a limit to how many items I can connect in the Carousel and Accordion?

While there is no explicit limit mentioned, the number of items in the Carousel should equal the number of Accordion items for proper synchronization. If you exceed this, the connection may not function correctly, and users could experience confusion when navigating between the two components.

Last reviewed: April 15, 2026

Related Docs