> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Carousel

> Send a set of swipeable cards with image or video, text, and buttons on WhatsApp

The **Carousel** node sends a set of cards that the user can swipe through horizontally. Each card combines an image or video, text, and up to two buttons. It is ideal for showing product catalogs, service options, or any visual list where order matters.

<Note>
  Carousel is available only on **WhatsApp Cloud** channels. Other WhatsApp providers and other channels do not support it.
</Note>

## General configuration

* **Carousel title**: Main text that accompanies the carousel (required, maximum 1,024 characters). You can write plain text, add variables such as `{{$user.names}}` or `{{$memory.category}}`, or combine both.
* **Card header type**: **Image** or **Video**. Applies to every card in the carousel; it cannot be mixed.

<Warning>
  Changing the **Card header type** (Image ↔ Video) clears the media files already uploaded to every card. Confirm the type before uploading content.
</Warning>

## Cards

Each carousel allows between **2 and 10 cards**.

Each card has:

* **Media**: Image or video shown in the header. You can upload the file or paste a URL. The type must match the **Card header type** you selected.
* **Card text**: Short description shown below the media.
* **Buttons**: Actions the user can tap.

### Panel views

You can switch between two views using the icon to the right of the **Cards** header:

| View         | When to use it                                             |
| :----------- | :--------------------------------------------------------- |
| **Expanded** | Edit the content of one or several cards at the same time. |
| **Compact**  | Reorder cards or delete them quickly.                      |

Drag the icon on the left of each card to change the order. The current count is shown at the bottom right (for example, `4/10`).

## Buttons

Each card supports up to **2 buttons** of the following types:

| Type                 | Behavior                                                                           |
| :------------------- | :--------------------------------------------------------------------------------- |
| **Reply** (postback) | Sends a payload to the flow and continues along the route connected to the button. |
| **Web URL**          | Opens an external URL in the browser.                                              |

You can reorder the buttons inside a card by dragging them.

<Note>
  Every card in the carousel must have **the same number of buttons** and **the same button type**. The first card defines the structure and the rest inherit it.

  In addition, **Web URL** buttons allow **a maximum of 1 per card**. **Reply** buttons allow up to two.
</Note>

## Use cases

<AccordionGroup>
  <Accordion title="Visual product catalog">
    A workflow that queries a store's inventory and shows the products as cards with photo, name, price, and a **Buy** button that opens the product URL. Useful for AI Agent responses or campaigns with dynamic content.
  </Accordion>

  <Accordion title="Service menu with routing">
    A support workflow where the carousel shows each service (Medical appointment, Billing, Complaints) with an illustrative image and a Reply **Choose** button. The selected payload is stored in memory and a Conditional node routes the conversation to the right team.
  </Accordion>

  <Accordion title="Branches and hours">
    A post-sale workflow that shows nearby branches with a photo of the storefront, the address, and a **Get directions** button that opens Google Maps. Cards are generated from a query to a database or an API.
  </Accordion>

  <Accordion title="Plan comparison">
    A carousel with one card per subscription plan, a demo video, the plan summary, and a **Subscribe** button that triggers the next part of the flow. The chosen plan is stored in memory to personalize the checkout and the confirmation.
  </Accordion>

  <Accordion title="Bank credit cards">
    A bank workflow that presents its credit card portfolio: each carousel card uses the plastic's image, a summary of benefits, and two Reply buttons — **See benefits**, which reveals the details inside the chat, and **Apply**, which continues the application flow. The selected card is stored in memory to prefill the customer's data.
  </Accordion>
</AccordionGroup>

## Related nodes

<CardGroup cols={2}>
  <Card title="Buttons" icon="hand-pointer" href="/guides/nodos/botones">
    Up to 3 interactive buttons without cards.
  </Card>

  <Card title="List" icon="list" href="/guides/nodos/lista">
    Dropdown list with up to 10 options.
  </Card>

  <Card title="Call to Action" icon="arrow-up-right-from-square" href="/guides/nodos/call-to-action">
    Single button that opens an external URL.
  </Card>

  <Card title="HSM Template" icon="envelope" href="/guides/nodos/hsm">
    Pre-approved WhatsApp templates with carousel support.
  </Card>
</CardGroup>