---
title: Carrousel Button
slug: carrousel-button
docTags: 
createdAt: 2025-08-18T14:20:21.037Z
---

### Introduction

This command builds a **carousel (beta)**, where users can swipe horizontally between multiple cards. Each card can include an image or video and one or more interactive buttons (rating, copy, call, URL).

:::hint{type="warning"}
 ⚠️ Carousel is still in **beta** and does not work on Android.
:::

![](https://api.archbee.com/api/optimize/srzEvL3tK0Cgq-VfwOzrO/6HUwK3i0BZks-fJcErgk4_image.png)



::Image[]{src="https://api.archbee.com/api/optimize/srzEvL3tK0Cgq-VfwOzrO/O8S5TBSm_0gOnnc3TWZSs_image.png" size="30" width="428" height="621" position="center" caption="Real customer example" showCaption="true"}

### Full Code Example

:::BlockQuote
\#Carousel|||Title|||Subtitle|||video\*https\://wazzap-files.sfo3.cdn.digitaloceanspaces.com/0104bf58-22ea-4b66-9454-79ebe69cdf6d.mp4|||
\#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|button\*Good\*id\_good/button\*Bad\*id\_bad/button\*Terrible\*id\_terrible
/////#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|copy\*Copy Code\*000011
/////#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|call\*Call Now\*id\_call
/////#ButtonMix|Title|Subtitle|video\*https\://wazzap-files.sfo3.cdn.digitaloceanspaces.com/0104bf58-22ea-4b66-9454-79ebe69cdf6d.mp4|url\*Visit Web\*https%3A%2F%2Fwww\.google.com/url\*Contact\*https%3A%2F%2Fwww\.facebook.com
:::

### How it works

- Carousel header - Sets up the carousel with a video cover. 

:::BlockQuote
\#Carousel|||Title|||Subtitle|||video\*https\://wazzap-files.sfo3.cdn.digitaloceanspaces.com/0104bf58-22ea-4b66-9454-79ebe69cdf6d.mp4|||
:::

- First card – Rating Buttons

:::BlockQuote
\#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|button\*Good\*id\_good/button\*Bad\*id\_bad/button\*Terrible\*id\_terrible
:::

- Second card – Copy Code 

:::BlockQuote

/////#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|copy\*Copy Code\*000011
:::

- Third card – Call button 

:::BlockQuote

/////#ButtonMix|Title|Subtitle|image\*https\://wisphub.io/static/img/wisp-bg-5.jpg|call\*Call Now\*id\_call
:::

- Fourth card – URL buttons 

:::BlockQuote
/////#ButtonMix|Title|Subtitle|video\*https\://wazzap-files.sfo3.cdn.digitaloceanspaces.com/0104bf58-22ea-4b66-9454-79ebe69cdf6d.mp4|url\*Visit Web\*https%3A%2F%2Fwww\.google.com/url\*Contact\*https%3A%2F%2Fwww\.facebook.com
:::

### Result

- The user receives a **carousel** with a cover video and 4 cards:
  1. A rating card (Good / Bad / Terrible).
  2. A copy-code card (copies 000011).
  3. A call card (initiates a phone call).
  4. A video card with two URL buttons (Visit Web, Contact).
- Interactions are handled as follows:
  - [Image Buttons](docId\:PvrhKJLlI2HU2pBRKdjzW)  → Records the response with its ID.
  - [Copy Code Button](docId\:L2syDCIIIDI4wQCjhu092)  → Copies the value and shows a confirmation toast.
  - [Call Button](docId\:oNCMp6B338Mqe2r0MXb20)  → Attempts to start a phone call.
  - [URL Button](docId\:at_ae3OW_RNEHfFBZePta) → Opens the encoded link in the browser.
- CRM can log and process each response depending on the integration (e.g., Highlevel CRM).

### ⚠️ Important Notes

1. Carousel is **beta** and **does not work on Android**.
2. Media formats:
   - Images must be **.jpg only**.
   - Videos must be **.mp4**.
   - File size limit depends on your CRM (commonly 5 MB).
   - Highlevel CRM Integration
3. Always use **exactly 5 slashes (/////)** between cards after the second button.
4. IDs must be **unique and consistent** across all cards.
5. Use **short button texts** for better visibility.
6. URL buttons require **encoded links** and must be pasted as **plain text**.