Integra las funcionalidades de mensajería interactiva ofrecidas por WhatsApp de Meta en tu chatbot de flujo y brinda experiencias conversacionales más dinámicas y eficientes.

WhatsApp Flows es una función que permite la creación de flujos conversacionales dentro de WhatsApp. Algunos ejemplos incluyen la automatización de respuestas, interacciones condicionales y la navegación entre diferentes pantallas de un flujo.

En este artículo, explicaremos cómo configurar un WhatsApp Flow en tu chatbot de flujos en Customer Cloud.

Ejemplo de flujo

El flujo anterior demuestra el uso de WhatsApp Flow después de identificar el tema de interés del cliente.

Imagina que tu empresa opera en el sector de seguros y que has creado un Flow en WhatsApp que permite a los usuarios personalizar y contratar un plan directamente desde la aplicación.

En el chatbot de Customer Cloud, al recibir un mensaje del cliente, el bot inicia la interacción preguntando el motivo del contacto. Si el cliente selecciona la opción "Contratar un seguro", será automáticamente dirigido al WhatsApp Flow configurado, donde podrá continuar con la personalización y suscripción del plan.

Ahora veamos en la práctica cómo configurarlo.

Cómo configurar WhatsApp Flow en el flujo del Chatbot

El primer paso es crear el Flow directamente en la plataforma de Meta. Este proceso implica la configuración del flujo interactivo dentro de WhatsApp Business, permitiendo que los usuarios naveguen por diferentes opciones y completen acciones dentro de la propia aplicación.

Puedes encontrar instrucciones detalladas sobre la creación de Flows en la documentación oficial de Meta: WhatsApp Flows - Meta for Developers.

Después de crear y configurar el Flow en Meta, sigue estos pasos para integrarlo en tu chatbot en Zenvia Customer Cloud:

1. En el Constructor del bot, crea un nuevo bloque.
   
   

2. Haz clic en Agregar contenido y selecciona WhatsApp Flow en la lista de opciones disponibles.

3. Configura los atributos requeridos. Algunos de estos datos deben obtenerse directamente desde la plataforma de Meta, como el ID del Flow y el token identificador.

3.1 Título (opcional): Título del mensaje de llamada al Flow. Ejemplo: ¡Contrata tu seguro en pocos pasos!

3.2 Body: Cuerpo del mensaje de llamada al Flow. Ejemplo: Elige el plan ideal para ti y personaliza tu cobertura sin salir de WhatsApp.

3.3 Footer (opcional): Pie de página del mensaje de llamada al Flow.

3.4 Botón: Texto del botón que abrirá el Flow. Ejemplo: Iniciar contratación.

3.5 ID: ID único del Flow proporcionado por WhatsApp.

3.6 Token: Token identificador del Flow generado por la marca.

3.7 Mode: "draft" para flujo en borrador o "published" para flujo publicado (valor predeterminado: "published").

3.8 Action.type: "navigate" o "data_exchange" (valor predeterminado: "navigate").

3.9 Action.screen: ID de la primera pantalla que se mostrará en el flujo (Obligatorio si action.type es "navigate").

3.10 Action.data (opcional): Datos de entrada para la primera pantalla del Flow (debe ser un objeto no vacío).

Una vez que estos atributos estén correctamente configurados, el chatbot podrá dirigir a los usuarios al Flow en el momento adecuado dentro de la conversación.

Cómo utilizar los datos capturados por el WhatsApp Flow

Después de un input del tipo WhatsApp Flow, el tipo de dato específico generado queda disponible como input.flow. En este dato se guardan todas las informaciones que el usuario completó dentro del formulario del Flow. Estas informaciones pueden visualizarse durante la atención, utilizarse en otros puntos del constructor o almacenarse en variables de contacto.

Por ejemplo, si el Flow recopila datos como nombre, CPF y correo electrónico, es posible guardar todo el objeto del input ({{input.flow}}) o un campo específico, como {{input.flow.data.email}} o {{input.flow.data.cpf}}.

Ejemplo de retorno:

"input": {
  "flow": {
    "body": "Sent",
    "data": {
      "cep": "00000-000",
      "cpf": "00000000000",
      "email": "teste@gmail.com",
      "marketing_optin": true,
      "name": "Teste",
      "tos_optin": true
    },
    "token": "9fb0e349-8b75-9faa-c85fd9e78ac6:5511516:129818005"
  },
  "valid": false
}

Es importante recordar que este tipo de retorno se genera en formularios que requieren el llenado de información, y que el dato input.flow solo permanece disponible hasta el próximo input del usuario. Si la información no se guarda en ese momento, se perderá.