---
title: "How to connect Process Steps with Carousel Anything Block in WordPress?"
url: https://nexterwp.com/docs/connect-process-steps-with-carousel-anything-in-wordpress/
date: 2023-02-17
modified: 2026-08-18
author: "Aditya Sharma"
description: "When you are using the WordPress blocks of the Nexter  Blocks you get an edge over any other WordPress blocks as it allows certain blocks to interconnect to create some..."
image: https://nexterwp.com/wp-content/uploads/2024/05/connect-process-steps-with-carousel-anything-in-wordpress-1024x519.jpg
word_count: 248
---

# How to connect Process Steps with Carousel Anything Block in WordPress?

## Key Takeaways

- Nexter Blocks connects the Process Steps block with the Carousel Anything block using a unique id.
- Carousel Anything and Process Steps require the same number of slides and steps, and Carousel Anything uses Carousel Remote Sync ID > Unique Carousel ID.
- Process Steps turns on the Remote Sync Connection toggle and adds the same Remote Sync ID, while Active On sets slider play mode to mouse hover or click.

When you are using the WordPress blocks of the Nexter  Blocks you get an edge over any other WordPress blocks as it allows certain blocks to interconnect to create some truly unique interactive layouts using a unique id.

*To check the complete feature overview documentation of the Nexter Blocks* Carousel Anything block, [click here](/docs/carousel-anything-block-settings-overview/).

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/)

With this feature, you can connect the Process Steps block with the Carousel Anything block.

First, add both the Carousel Anything and the Process Steps block on the page and follow the steps.

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

2. The number of slides in the Carousel Anything block and the number of steps in the Process Steps blocks should be equal.

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

4. Finally go to the Process Steps block and turn on the **Remote Sync Connection** toggle and add the same ID in the **Remote Sync ID** field to make the connection.

![](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-carousel-remote-process-steps-sync-id-new.png)

From the **Active On** section, you can choose the slider play mode either on mouse hover or click.

So with that, both the blocks are connected and if you play the slider the steps will change automatically.

Also, check [How to connect Carousel Remote with Carousel Slider in WordPress](https://nexterwp.com/docs/connect-carousel-remote-with-carousel-slider-in-wordpress/).

## Frequently Asked Questions

**Q: Why isn't the Process Steps block syncing with the Carousel Anything block?**
A: The most common failure point is a mismatched Remote Sync ID. Nexter Blocks connects the two blocks through the same unique ID, so the Carousel Anything block needs a value in Carousel Remote Sync ID > Unique Carousel ID and the Process Steps block needs that exact same value in Remote Sync ID. The slide count also has to match the step count, or the connection will feel off even if the IDs are correct.

**Q: What do I need before connecting Process Steps to Carousel Anything in WordPress?**
A: Both blocks need to be on the page, and Nexter Blocks has to be installed and activated because this connection is part of Nexter Blocks. The setup also depends on giving both blocks a shared unique ID. That matters because the sync is not automatic by block name or placement, it is driven by matching IDs.

**Q: How many slides and steps should I use for this setup?**
A: The number of slides in Carousel Anything and the number of steps in Process Steps should be equal. That keeps the visual progression aligned, so each step has a corresponding slide state. If the counts differ, the remote sync can still exist, but the experience will not map cleanly from one step to one slide.

**Q: Can I use Process Steps with Carousel Anything for interactive timelines or step-by-step layouts?**
A: That is exactly the kind of layout this connection is meant for. Nexter Blocks allows blocks to interconnect using a unique id, and this tutorial specifically connects Process Steps with Carousel Anything. It works well when you want a step-based interface where moving through slides also updates the steps automatically.

**Q: Should I use hover or click for syncing Process Steps with Carousel Anything?**
A: The Active On setting lets you choose either mouse hover or click, so the better choice depends on how controlled you want the interaction to feel. Hover is faster for quick previews, while click is usually safer when users need deliberate navigation. Since both blocks change together once connected, this setting affects how users trigger that shared movement.

**Q: What happens after I connect Process Steps to Carousel Anything?**
A: Once both blocks share the same Remote Sync ID, playing the slider makes the steps change automatically too. That is the key behavior here: one interaction drives both blocks instead of them acting separately. In practice, this gives you a synchronized layout built from Nexter Blocks without needing custom code.