---
title: "How to connect a Carousel with Accordion in WordPress?"
url: https://nexterwp.com/docs/connect-carousel-with-accordion-in-wordpress/
date: 2023-02-08
modified: 2026-04-15
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/05/connect-carousel-with-accordion-in-wordpress-1024x519.jpg
word_count: 238
---

# How to connect a Carousel with Accordion in WordPress?

## Key Takeaways

- Nexter Blocks connects the Accordion block and the Carousel Anything block through a shared connection id.
- Carousel Anything requires the number of slides to equal the number of Accordion items before the connection works.
- Accordion block Extra Options and Carousel Remote Sync ID both use the same id, and changing an Accordion item changes the slider too.

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](/docs/accordion-block-settings-overview/).*

**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/?from=tpblocks&utm_source=tpag&utm_medium=docs&utm_campaign=text)

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.

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-layout-carousel-anything-conn-id-new.png)

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

![](https://nexterwp.com/wp-content/uploads/2023/02/accordion-layout-carousel-conn-id-new.png)

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](https://nexterwp.com/docs/openclose-wordpress-accordion-bydefault/).