# Carousel Cards

### **What Are Carousel Interactive Templates?**

Carousel Card templates on Mercuri allow brands to send **swipeable cards** inside a single WhatsApp message. Each card can include an **image or video**, a **short description**, and a **CTA button** with its own URL.

This format is ideal for showcasing multiple products, plans, or options in an engaging, visual layout—helping users explore and take action without leaving WhatsApp.

**Typical use cases include:**

* **Product listings** (e.g., variants, bestsellers, new arrivals)
* **Course bundles** (EdTech)
* **Plan comparison** (SaaS)
* **Travel packages**, **hotel rooms**, **property listings**
* **Event or session schedules**

***

#### **Use Case: EdTech – Promoting Online Courses**

<figure><img src="/files/8zMW8ZksYKUlfXqKiRG3" alt="" width="350"><figcaption></figcaption></figure>

Showcase multiple courses in a swipeable format so learners can quickly browse and click to enroll.

**Message Example:**

> Explore our most popular online courses and start learning today!
>
> **Card 1:** Python for Beginners – Start Learning → <https://example.com/courses/python>
>
> **Card 2:** Data Science Bootcamp – Join Bootcamp → <https://example.com/courses/datascience>

**Why it works:**\
Learners can visually browse different courses at once, increasing engagement and click‑through rates.

**Industry examples:**

* EdTech platforms
* E‑commerce product highlights
* Travel & Tours
* Real Estate listings
* Fitness & Wellness programs

***

#### **How to Create Carousel Templates on Mercuri**

{% embed url="<https://youtu.be/we-6FPwZrzU>" %}

1. **Log in to your Mercuri account**
2. Go to **Templates → WhatsApp** from the left panel
3. Click on the **Interactive Templates** tab
4. Select **Create Interactive Template**
5. Enter a **short, descriptive template name**
6. From the dropdown, choose **Carousel** as the interactive message type
7. Add the main **Message Body** – e.g., "Explore our top courses"
8. Scroll to the **Action** section to add cards

<figure><img src="/files/hVRQ35RQFwnuUn1sBt48" alt="" width="389"><figcaption></figcaption></figure>

9. **Adding Carousel Cards**

* Click **+ Add Card**
* For **each card**, fill the fields:

**Card Fields:**

* **Media Type:** Image or Video
* **Image/Video URL:** Add your image/video link
* **Card Body Text:** Short description of the item
* **Button Label:** CTA (e.g., "Start Learning", "Shop Now", "Know More")
* **Button URL:** Link to the product, course, landing page, etc.

10. Once done, click on **Create.**

***

#### <mark style="color:blue;">Sample Carousel Template (EdTech – Courses)</mark>

**Message Body:**\
Explore our most popular online courses and start learning today!

***

**Card 1**

**`Image URL:`**\
`https://example.com/images/python-course.png`

**`Card Body Text:`**`Python for Beginners – Master coding from scratch.`

**`Button Label:`**\
`Start Learning`

**`Button URL:`**\
`https://example.com/courses/python`

***

**Card 2**

**`Image URL:`**`https://example.com/images/datascience-course.png`

**`Card Body Text:`**`Data Science Bootcamp – From basics to advanced ML.`

**`Button Label:`**\
`Join Bootcamp`

**`Button URL:`**\
`https://example.com/courses/datascience`


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mercuri.cx/features/templates/whatsapp-templates/whatsapp-interactive-templates/use-cases-whatsapp-interactive-templates/carousel-cards.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
