Carrousel Button

10 min

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).

⚠️ Carousel is still in beta and does not work on Android.

Real customer example

Full Code Example

#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.

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

First card – Rating Buttons

#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

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

Third card – Call button

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

Fourth card – URL buttons

/////#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 → Records the response with its ID.
- Copy Code Button → Copies the value and shows a confirmation toast.
- Call Button → Attempts to start a phone call.
- URL Button → Opens the encoded link in the browser.
CRM can log and process each response depending on the integration (e.g., Highlevel CRM).

⚠️ Important Notes

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