Saltar al contenido principal
Los components son los bloques de construcción dentro de un layer de un Engagement Funnel. Hay cinco tipos de component — mensajes, inputs, botones, endpoint y auth — cada uno con sus apariencias y opciones, y cada uno disponible en un conjunto específico de canales. Cada valor enviado se valida en el servidor contra las reglas configuradas del component antes de guardarse en la session.

Mensajes

Un mensaje muestra contenido al contact. Su apariencia determina qué renderiza, y la disponibilidad varía por canal:
CanalApariencias de mensaje disponibles
Websimple, compound, image, hyperlink
WhatsApptext, simple, compound, image, hyperlink, quick-reply, list, location, asset, media
Web chatIgual que WhatsApp
SMSsimple, compound, hyperlink
El texto del mensaje soporta variables {{mustache}}, así que puedes personalizar el contenido con valores recolectados antes en la session (por ejemplo, Hola {{given_name}}).

Inputs

Un input (una “entry”) recolecta datos del contact. Los inputs capturan valores parcialmente en la session hasta que el funnel se completa. Todos los inputs comparten un conjunto común de opciones:
OpciónDescripción
appearanceLa forma visual del input (varía por tipo — ver abajo).
mandatorySi se requiere un valor.
allow_overwriteSi un valor autocompletado puede sobrescribirse.
is_hiddenUn input oculto (se recolecta, no se muestra).
is_arrayAcepta varios valores, cada uno validado individualmente.
autofill_sourceDe dónde pre-llenar — ver Autofill.
validationsLas reglas de validación aplicadas al valor.

Tipos de input

TipoCanalesApariencias y notas
TextTodosWeb: short, long, full_formated, markdown, list, dropdown, phone, email, otp_code; un subconjunto en conversacional/SMS. Operadores: maxLength, minLength, regEx, allowedValues.
NumericTodosWeb: number, spinner, slider, integer; conversacional: number, integer; SMS: number. Operadores min/max/equal.
BooleanWeb, WhatsApp, web chatcheckbox, like_dislike. Acepta true/false, 1/0, yes/no, sí/no.
DatetimeSolo webdate, time, datetime. Operadores min / max.
LocationTodos (reducido en conversacional/SMS)Web: default, city, postal_code, full; un radio de búsqueda opcional; valida coordenadas, texto de ciudad/código postal, o una dirección completa.
File / media uploadWeb, WhatsApp, web chat (limitado en SMS)file, dropzone, camera, media. Restringe por tipo de contenido (image/video/audio/document); operadores maxFileSize y allowedFormats. Los archivos se guardan en el DAM.
MultimodalSolo conversacionalUn único input selector que acepta varios tipos de valor (text, number, boolean, file, media, location) y valida lo que envíe el contact.
API callWeb, conversacionalDispara una interacción con el servidor en lugar de capturar un valor tecleado.

Reglas de validación

Cada entrada en las validations de un input tiene un operador, un valor y un mensaje de error (resuelto por idioma). Para inputs is_array, cada elemento se valida individualmente. Una validación por llamada API especial puede comprobar un valor contra un servicio externo, deteniendo opcionalmente el flujo si falla.

Botones

Un botón impulsa la navegación o una acción:
TipoPropósito
NavigationVa al layer anterior o salta a un layer (opcionalmente con jump conditions). También puede abrir una URL externa — redirigiendo al contact fuera del funnel, opcionalmente con reanudación de session para que continúe después.
Action(Web) Dispara una acción, como una llamada API, cuya respuesta puede decidir qué sigue.
Un botón puede llevar lógica condicional — por ejemplo, si selected_car_model = “Tesla Model 3”, salta al layer de financiamiento, o si utm_source = “whatsapp”, muestra un layer optimizado para WhatsApp. Ver Funnel rules.

Endpoint

Un component endpoint llama a un endpoint interno o externo como parte del flujo y puede mapear la respuesta de vuelta en la session. Los métodos permitidos son GET, POST, PUT, DELETE, PATCH en web, y GET, POST en conversacional/SMS. Un uso común es un chequeo de elegibilidad crediticia cuya respuesta enruta al contact a un layer de “aprobado” o “denegado”.

Auth

Un component auth renderiza un formulario de inicio o registro dentro del funnel:
  • Login — por credenciales (email + contraseña) o magic link (solo email).
  • Register — email, nombre y contraseña.
El formulario lo renderiza el component de auth; el trabajo de autenticación en sí (y flujos relacionados como registrar un lead, enviar un OTP / magic link, y verificar un contact) lo realizan los action layers.

Relacionado

Engagement Funnels

Volver al overview del funnel.

Funnel rules

Cómo funcionan la navegación, el skip, el autofill y las acciones.