WaFloW.ai allows you to create interactive messages by combining different components within a message with buttons (#btn).
Each component performs a specific function and is defined using a specific syntax.
This document explains all available components, their format, and examples of use.
Image #
Allows you to add a header image to the message, ideal for highlighting offers, products, or visual information.
Format #
image*URL_DE_LA_IMAGEN
Example #
#btn|Oferta especial|Mira esta promoción|image*https://ejemplo.com/foto.jpg
Quick Reply button #
Buttons that allow the contact to respond with a single click, sending a text back.
Format #
quick_reply*TextoDelBoton*ID
TextoDelBoton: Text visible on the button.ID: Internal identifier for automations.
Example #
#btn|Encuesta|¿Te gusta?|quick_reply*Sí*id_si|quick_reply*No*id_no
Link button (CTA URL) #
Button that opens an external web page.
Format #
cta_url*TextoDelBoton*URL
Example #
#btn|Visítanos|Nuestra web|cta_url*Ver sitio*https://google.com
Call button (CTA Call) #
Button that opens the phone dialer for the contact’s device.
Format #
cta_call*TextoDelBoton*Numero
Example #
#btn|Soporte|Llámanos ahora|cta_call*Llamar*+12345678
Button to copy code (CTA Copy) #
Allows you to copy text or code to the user’s clipboard.
Format #
cta_copy*TextoDelBoton*Codigo
Example #
#btn|Cupón|Tu descuento|cta_copy*Copiar cupón*DESC20
Combination of components #
You can combine several components in the same message:
- Image + buttons
- Quick answers + link
- CTA + copy
Combined example:
#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
Important rules #
- All components are separated by
|. - The order of the components matters.
- Use valid and accessible URLs.
- Do not overuse buttons.
- Always test before production.
Common mistakes #
- ❌ Using incorrect formats.
- ❌ Incorrectly written URLs.
- ❌ Duplicate IDs in quick replies.
- ❌ Too many buttons in a single message.
Summary #
The supported components allow:
- Create visual messages.
- Guide clear actions.
- Reduce friction in conversation.
- Professionalize communication.