Configuración inicial

1

Desarrolla tu Chatbot con la API de Whatsapp

2

¿Cómo funciona la API de WhatsApp?

3

¿Cómo crear una cuenta de desarrollador en Meta?

4

¿Cómo configurar una aplicación en Developers Facebook?

5

Creación y configuración de una aplicación en Whatsapp

Integración con la API de WhatsApp

6

¿Cómo configurar la API de WhatsApp para recibir y enviar mensajes?

7

¿Cómo configurar la API de WhatsaApp con Postman?

8

¿Cómo crear un servidor de Express?

Implementación de Servidor Express

9

¿Cómo implementar Webhooks en Express?

10

¿Cómo optimizar la arquitectura de un bot usando servicios y controladores?

Comunicación con la API de WhatsApp

11

¿Cómo enviar un mensaje de bienvenida con la API de WhatsApp?

12

¿Cómo configurar una respuesta personalizada desde la API de WhatsApp?

Flujos de Interacción con la API de WhatsApp

13

¿Cómo desarrollar un flujo inicial para guiar a los usuarios con WhatsApp API?

14

¿Cómo configurar un menú de opciones desde la API de WhatsApp?

Multimedia con WhatsApp API

15

¿Cómo integrar mensajes multimedia en el flujo de tu chatbot?

16

¿Cómo Integrar el Send-Media-Message al flujo de tu Chatbot?

17

¿Cómo crear el flujo para agendar una cita desde la API de WhatsApp?

18

¿Cómo crear una lógica que permita almacenar el flujo de tu Chatbot?

Avances y Personalización

19

¿Cómo conectar tu chatbot con Google Sheets para la gestión de datos?

20

¿Cómo configurar la API de Google Sheets para almacenar la información de tu usuario?

21

¿Cómo conectar la API de WhatsApp con ChatGPT?

22

¿Cómo integrar ChatGPT al flujo de la API de WhatsApp?

23

¿Cómo enviar contactos desde tu chatbot para soporte al usuario?

24

¿Cómo configurar la API de WhatsApp para enviar ubicaciones a tu usuario?

25

¿Cómo crear flujos escalables en la API de WhatsApp usando buenas prácticas de programación?

26

¿Cómo desplegar la API de WhatsApp en un ambiente de producción?

27

¿Cómo publicar tu Chatbot para interacciones reales?

28

Ahora tienes tu Chatbot que potencia las interacciones con tu usuario

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Cómo desarrollar un flujo inicial para guiar a los usuarios con WhatsApp API?

13/28
Recursos

Crear un flujo de interacción con usuarios en WhatsApp puede ser determinante para optimizar la experiencia y direccionar sus consultas. Utilizando la API de WhatsApp y Postman, es posible construir un bot interactivo que, mediante botones personalizados, guía al usuario paso a paso. Esta interacción evita que el usuario se sienta perdido y garantiza respuestas rápidas y precisas.

¿Cómo configurar el flujo de mensajes para iniciar la conversación?

El flujo se inicia compartiendo una URL en redes sociales o integrando un enlace en publicaciones que invite a iniciar una conversación en WhatsApp. Esto desencadena el mensaje de bienvenida, que introduce al usuario en la estructura de opciones predefinidas.

  • Mensaje de Bienvenida: Este primer mensaje es la base de la interacción.
  • Guía de opciones: Al ofrecer opciones concretas, se facilita al usuario elegir la acción deseada y previene errores en el flujo de la conversación.

¿Cómo crear un menú de opciones en WhatsApp?

WhatsApp permite el uso de botones mediante su API, que se pueden personalizar con Postman. Los botones reducen las probabilidades de error al permitir solo tres opciones visibles, diseñadas para que el usuario responda sin necesidad de escribir texto.

Pasos básicos en Postman:

  1. Configura el cuerpo del mensaje: La estructura debe contener un type de interactive, especificando que se trata de botones.
  2. Define el cuerpo y las acciones: Cada botón tendrá un texto y una acción específica que desencadenará la siguiente interacción.
  3. Envía el mensaje: Con esta estructura, se prueba la funcionalidad desde Postman para ver la respuesta en WhatsApp.

¿Cómo implementar la lógica en el código del bot?

Es necesario crear una función en el servicio de WhatsApp que maneje estos botones interactivos y permita responder según las opciones elegidas.

  • Función sendInteractiveBottoms: Define el cuerpo del mensaje, las acciones y el tipo de botón.
  • Try-Catch para solicitudes HTTP: Permite gestionar errores en tiempo real y asegura que el mensaje se envíe correctamente.

Dentro del controlador de mensajes (Message Handle), se define otra función, sendWelcomeMenu, que recibe el destinatario y presenta el menú de opciones.

Ejemplo de opciones configurables:

  • Agendar una cita
  • Realizar una consulta
  • Consultar la ubicación de la veterinaria

Cada opción lleva un ID único y un título visible, limitando el menú a tres elementos. Este flujo es similar al de un conmutador telefónico, en el que cada selección lleva al usuario a un submenú específico.

¿Cómo personalizar y extender el flujo de interacción?

Si bien solo se permiten tres botones, es posible estructurar múltiples submenús para facilitar otras opciones. Esto implica pensar en los flujos de cada sección (como agendar una cita) y decidir si el usuario seguirá usando botones o si se guiará mediante mensajes de texto.

Consideraciones para un flujo optimizado:

  • Limitar el menú principal a las tres opciones más solicitadas.
  • Configurar submenús dentro de cada opción si el flujo lo permite.
  • Probar la estructura en WhatsApp y asegurar que la respuesta sea rápida y efectiva.

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

## 🦄✨ Una idea para diseñar buenos flujos es volver a fundamentos de programación y construir un diagrama de flujo. Ya que en ahí podríamos incluir entradas, salidas, condicionales, etc. Ejemplo de flujo básico para la veterinaria: ![](https://static.platzi.com/media/user_upload/image-9aba9228-210a-4c87-98c9-1509d2e6fd3c.jpg)
Tip (porque me pasó): El title de los botones debe encontrarse entre 1 y 20 caracteres para que no te vaya a dar problemas.
Primero crearía el flujo en papel, logia de negocio y luego lo llevo a la lógica del programa
Excelente ya me funciona, muy bueno este curso, hacer las cosas
Si quiero que el botón se vaya a una url puntualmente, cual archivo debería modificar, para que me muestre ese comportamiento esperado? gracias