---
title: Botón carrousel
slug: es/boton-carrousel
docTags: 
createdAt: 2025-08-18T14:20:21.037Z
---

### Introducción

Este comando crea un carrusel (beta), donde los usuarios pueden deslizar horizontalmente entre múltiples tarjetas. Cada tarjeta puede incluir una imagen o video y uno o más botones interactivos (calificación, copiar, llamada, URL).

:::hint{type="warning"}
 ⚠️El carrusel aún está en versión **beta **y no funciona en 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"}

### Ejemplo completo de código

:::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
:::

### Cómo funciona

 Encabezado del carrusel: Configura el carrusel con una portada de video.

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

  Primera tarjeta – Botones de calificación

:::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
:::

    Segunda tarjeta – Copiar código  

:::BlockQuote

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

  Tercera tarjeta – Botón de llamada

:::BlockQuote

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

    Cuarta tarjeta – Botones de URL

:::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
:::

### Resultado

- El usuario recibe un carrusel con un video de portada y 4 tarjetas: 
  1. Una tarjeta de calificación (Bueno / Malo / Terrible).
  2. Una tarjeta para copiar código (copia 000011).
  3. Una tarjeta de llamada (inicia una llamada telefónica).
  4. Una tarjeta de video con dos botones de URL (Visitar sitio web, Contactar).
- Las interacciones se manejan de la siguiente manera:
  - [Botones de Imagen](docId:3dmslWwa-7PmfJL0iB-aK)  → Registra la respuesta con su ID.
  - [Botón Copiar Código](docId\:tjj-HXMeYgmRK2WJP1sTV)  →Copia el valor y muestra una notificación de confirmación.  
  - [Botón de llamada](docId\:OTQr79qZ5XsukybRNnyrm)  → Intenta iniciar una llamada telefónica.
  - [Botón de URL](docId\:VzVNlWU7faNVuvGF95xm-) → Abre el enlace codificado en el navegador.
- El CRM puede registrar y procesar cada respuesta según la integración (por ejemplo, Highlevel CRM).

### ⚠️ Notas importantes

1. El carrusel está en versión beta y no funciona en Android.
    Formatos de medios:
2. Las imágenes deben ser únicamente .jpg.
3. Los videos deben ser .mp4.
4. El límite de tamaño de archivo depende de tu CRM (comúnmente 5 MB).
5. Siempre utiliza exactamente 5 barras (/////) entre tarjetas después del segundo botón.
6. Los ID deben ser únicos y consistentes en todas las tarjetas.
7. Usa textos cortos en los botones para mejor visibilidad.
8. Los botones de URL requieren enlaces codificados y deben pegarse como texto plano.