Botón carrousel
8 min
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).
⚠️El carrusel aún está en versión beta y no funciona en Android.
Real customer example
Ejemplo completo de código
#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.
#Carousel|||Title|||Subtitle|||video*https://wazzap-files.sfo3.cdn.digitaloceanspaces.com/0104bf58-22ea-4b66-9454-79ebe69cdf6d.mp4|||
Primera tarjeta – Botones de calificación
#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
/////#ButtonMix|Title|Subtitle|image*https://wisphub.io/static/img/wisp-bg-5.jpg|copy*Copy Code*000011
Tercera tarjeta – Botón de llamada
/////#ButtonMix|Title|Subtitle|image*https://wisphub.io/static/img/wisp-bg-5.jpg|call*Call Now*id_call
Cuarta tarjeta – Botones de URL
/////#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:
- Una tarjeta de calificación (Bueno / Malo / Terrible).
- Una tarjeta para copiar código (copia 000011).
- Una tarjeta de llamada (inicia una llamada telefónica).
- Una tarjeta de video con dos botones de URL (Visitar sitio web, Contactar).
- Las interacciones se manejan de la siguiente manera:
- El CRM puede registrar y procesar cada respuesta según la integración (por ejemplo, Highlevel CRM).
⚠️ Notas importantes
- El carrusel está en versión beta y no funciona en Android. Formatos de medios:
- Las imágenes deben ser únicamente .jpg.
- Los videos deben ser .mp4.
- El límite de tamaño de archivo depende de tu CRM (comúnmente 5 MB).
- Siempre utiliza exactamente 5 barras (/////) entre tarjetas después del segundo botón.
- Los ID deben ser únicos y consistentes en todas las tarjetas.
- Usa textos cortos en los botones para mejor visibilidad.
- Los botones de URL requieren enlaces codificados y deben pegarse como texto plano.