---
title: "How to Connect the Scroll Navigation with Carousel Anything Block in WordPress?"
url: https://nexterwp.com/docs/connect-the-scroll-navigation-with-carousel-anything-block-in-wordpress/
date: 2024-12-12
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add unique dot navigation to your slider? By connecting the Carouse Anything block with the Scroll Navigation block from the Nexter Blocks, you can easily use..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Connect-the-Scroll-Navigation-with-Carousel-Anything-Block-in-WordPress_-1024x519.jpg
word_count: 255
---

# How to Connect the Scroll Navigation with Carousel Anything Block in WordPress?

## Key Takeaways

- Nexter Blocks connects the Carousel Anything block with the Scroll Navigation block so the Scroll Navigation dot acts as slider navigation.
- Carousel Anything disables the Dots toggle in the Dots & Arrow tab and adds a Unique Carousel ID in the Carousel Remote Sync ID tab.
- Scroll Navigation matches the number of navigation items to the number of Carousel Anything slides and uses the same ID in the Carousel Connection ID field.

Do you want to add unique dot navigation to your slider? By connecting the Carouse Anything block with the Scroll Navigation block from the Nexter Blocks, you can easily use the Scroll Navigation dot as your slider navigation. 

*To check the complete feature overview documentation of the Nexter Blocks Scroll Navigation block,* *[click here](https://nexterwp.com/docs/create-one-page-scroll-navigation-in-wordpress/).*

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-one-page-scroll-navigation/)

To do this, add both the Carouse Anything and Scroll Navigation block to the page and follow the steps - 

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

2. Then go to the **Dots & Arrow** tab and disable the **Dots** toggle.

3. Next, go to the **Carousel Remote Sync ID **tab and add an ID in the **Unique Carousel ID** field.

4. Then go to the Scroll Navigation block and select an appropriate style and direction for the navigation from the **Layout** tab.

5. After that, in the **Content** tab add navigation items, make sure the number of navigation items and the number of slides in the Carousel Anything block are same. 

In the navigation items, you can leave the Section ID field blank, you can add a tooltip and icon as required.

6. Then go to the **Connections **tab and add the same ID in the **Carousel Connection ID** field to make the connection.

Now you can navigate the Carousel Anything slider with the Scroll Navigation dots.