How to connect a Carousel with WordPress Tabs?

Updated On : April 15, 2026By : Reading Time : 1 minute

Key Takeaways

  • Nexter Blocks allows users to interconnect blocks using a connection id.
  • Carousel Anything and Tabs Tours blocks must have an equal number of slides and tab items for proper synchronization.
  • Users can link the Carousel Anything block with the Tabs Tours block by adding the same unique Carousel ID in both blocks.
Table of Contents

When you are using the Nexter blocks on your WordPress page you get a unique advantage compared to other normal WordPress blocks, you can interconnect the blocks with a connection id.

To check the complete feature overview documentation of the Nexter Blocks Tabs Tours block, click here.

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

LIVE BLOCK LINK

Using this unique feature you can link the Carousel Anything block with the Tabs Tours block.

First, add both the Carousel Anything and the Tabs Tours block on the page and follow the steps.

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

2. The number of slides in the Carousel Anything block and the number of Tab items should be equal.

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. Finally, go to the Tabs block Extra Options > Connection Carousel ID and add the same id.

tabs tours carousel connection id new

Now both the blocks are interconnected so when you change the tab the carousel content will change together.

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
LinkedIn X Website

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

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What should I do if the Carousel and Tabs are not syncing?

If the Carousel and Tabs are not syncing, check that both blocks have the same unique Carousel ID set. In the Carousel Anything block, navigate to Carousel Remote Sync ID and ensure the Unique Carousel ID matches the Connection Carousel ID in the Tabs block's Extra Options. This ID is crucial for establishing the connection between the two blocks.

Can I use the Carousel with other types of blocks?

The Carousel Anything block is specifically designed to interconnect with the Tabs Tours block. While you can use it with other blocks, the synchronization feature is optimized for use with Tabs. For best results, stick to using it with the Tabs block to ensure proper functionality.

What are the best practices for setting up the Carousel and Tabs?

Ensure that the number of slides in the Carousel Anything block matches the number of Tab items in the Tabs block. This alignment is essential for proper syncing. Additionally, always use a unique Carousel ID to avoid conflicts with other elements on the page.

What happens if I forget to set the Carousel ID?

If you forget to set the Carousel ID in either the Carousel Anything block or the Tabs block, the two will not sync properly. This means that changing tabs won't update the carousel content, which can lead to a confusing user experience. Always double-check that both IDs are correctly set to ensure seamless interaction.

Is there a limit to how many slides I can add to the Carousel?

While the page does not specify a maximum number of slides for the Carousel Anything block, it's important to maintain a balance between the number of slides and the performance of your page. Too many slides can slow down loading times, so aim for a reasonable number that enhances user experience without compromising performance.

Last reviewed: April 15, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123……………………………………………………………51