Guías paso a paso para construir experiencias donde las opciones y validaciones dependen de datos en vivo alojados en los sistemas del cliente.
📅 Caso 1: Cita con disponibilidad real
Este caso elimina el bucle infinito de "esa hora ya no está disponible", logrando un ahorro de entre 6 a 8 mensajes por conversación.
Diseño: Placa (caja texto) → Taller (opciones en vivo) → Fecha/Hora (fechas en vivo) → Confirmación.
Data Exchange: En el panel Flow, activa Data Exchange (en modo Borrador) para generar la llave de cifrado.
Petición al abrir: En Datos → Al abrir, configura la consulta GET. Mapea la respuesta a las opciones del campo (id para valor, title para etiqueta visible).
Cascadas (Opcional): Usa Datos → Al interactuar para que, al elegir un taller, se recalculen los horarios.
Escritura: Al completar el flow (nfm_reply), dispara un POST con la placa, taller, fecha y hora para crear la cita.
Nota: Este tipo del Flow solo puede cambiarse mientras está en borrador.
🔍 Caso 2: Consulta de estado
El caso conectado más simple: una sola conexión, de solo lectura, sin escritura. Ideal como primer piloto.
Diseño: Identificador (caja de texto) → Resultado (texto dinámico).
Petición al abrir: Configura una consulta GET en la pantalla de resultado. Inserta el identificador capturado (ej. .../estado?folio={data.folio}).
Respaldo: Define un valor de respaldo obligatorio (ej. "No encontramos ese folio").
🛒 Caso 3: Cotización y carrito
El flujo más completo. Conviven catálogo dinámico, cascadas, cálculo y datos sensibles.
Diseño: Categoría (lista) → Producto (cascada) → Resumen (cálculo en vivo) → Pago (datos sensibles) → Confirmación.
Datos sensibles (Tarjetas/OTP): Márcalos estrictamente como No guardar o usa enmascarado para no persistirlos en texto claro. Valida el pago contra el endpoint del cliente en el momento.
Catálogos masivos: Si son cientos de opciones, cárgalas siempre dinámicamente desde el sistema, nunca fijas en el flow.
Solución de problemas comunes en Flows Conectados
Síntoma | Causa probable | Qué hacer |
El flow se corta al cargar | El sistema tardó más de 8 segundos. | Optimizar endpoint o usar caché. |
Reporte muestra códigos (no texto) | Falta el mapeo valor ↔ etiqueta. | Configurar title visible. |
"Dejó de funcionar" tras republicar | Re-subir JSON reinició Data Exchange. | Reconfigurar loaders/triggers. |
Datos sensibles guardados | No se marcó "No guardar". | Revertir configuración de campo. |
🛠️ Catálogo de Plantillas
Utiliza esta tabla para encontrar el punto de partida ideal según la familia a la que pertenezca el requerimiento.
Ejemplo oficial de Meta | Familia equivalente en Atom | Enlace a la guía |
Recopilar intención de compra (Collect purchase intent) | Encuesta / Captación de leads | |
Obtener una cotización de seguro (Get an insurance quote) | Cotización (Ej. Seguros) | |
Obtener prospectos para préstamos preaprobados (Get leads for pre-approved loans) | Consulta / Captación financiera | |
Oferta personalizada (Personalized offer) | Cotización / Carrito de compras |
💡 Recurso extra: Si necesitas explorar escenarios adicionales o tutoriales más profundos, puedes revisar el catálogo completo directamente en la documentación para desarrolladores: Ejemplos de Meta (Meta Examples).
¡Conecta tu IA con el mundo real! 🚀
Los flujos conectados ofrecen la mejor experiencia de usuario y el mayor ahorro económico, transformando a WhatsApp en una aplicación nativa capaz de leer y escribir en el CRM de tu cliente. ✅