WaFloW.ai permite crear mensajes interactivos combinando distintos componentes dentro de un mensaje con botones (#btn).
Cada componente cumple una función concreta y se define mediante una sintaxis específica.
Este documento explica todos los componentes disponibles, su formato y ejemplos de uso.
Imagen (Image) #
Permite añadir una imagen de cabecera al mensaje, ideal para destacar ofertas, productos o información visual.
Formato #
image*URL_DE_LA_IMAGEN
Ejemplo #
#btn|Oferta especial|Mira esta promoción|image*https://ejemplo.com/foto.jpg
Botón de respuesta rápida (Quick Reply) #
Botones que permiten al contacto responder con un solo clic, enviando un texto de vuelta.
Formato #
quick_reply*TextoDelBoton*ID
TextoDelBoton: Texto visible en el botón.ID: Identificador interno para automatizaciones.
Ejemplo #
#btn|Encuesta|¿Te gusta?|quick_reply*Sí*id_si|quick_reply*No*id_no
Botón de enlace (CTA URL) #
Botón que abre una página web externa.
Formato #
cta_url*TextoDelBoton*URL
Ejemplo #
#btn|Visítanos|Nuestra web|cta_url*Ver sitio*https://google.com
Botón de llamada (CTA Call) #
Botón que abre el marcador telefónico del dispositivo del contacto.
Formato #
cta_call*TextoDelBoton*Numero
Ejemplo #
#btn|Soporte|Llámanos ahora|cta_call*Llamar*+12345678
Botón para copiar código (CTA Copy) #
Permite copiar un texto o código al portapapeles del usuario.
Formato #
cta_copy*TextoDelBoton*Codigo
Ejemplo #
#btn|Cupón|Tu descuento|cta_copy*Copiar cupón*DESC20
Combinación de componentes #
Puedes combinar varios componentes en un mismo mensaje:
- Imagen + botones
- Respuestas rápidas + enlace
- CTA + copy
Ejemplo combinado:
#btn|Promoción|Elige una opción|image*https://ejemplo.com/img.jpg|quick_reply*Quiero info*info|cta_url*Ver web*https://ejemplo.com
Reglas importantes #
- Todos los componentes se separan por
|. - El orden de los componentes importa.
- Usa URLs válidas y accesibles.
- No abuses del número de botones.
- Prueba siempre antes de producción.
Errores comunes #
- ❌ Usar formatos incorrectos.
- ❌ URLs mal escritas.
- ❌ IDs duplicados en quick replies.
- ❌ Demasiados botones en un solo mensaje.
Resumen #
Los componentes soportados permiten:
- Crear mensajes visuales.
- Guiar acciones claras.
- Reducir fricción en la conversación.
- Profesionalizar la comunicación.