Integra WhatsApp con Typebot usando ZapZap API

Paso a paso

1. 1

   Monta el flujo y captura los datos en Typebot

   En el editor de Typebot, arrastra bloques de la categoría Inputs al lienzo: usa el input Text para el nombre y el input Phone number para el teléfono. Typebot guarda cada respuesta en una variable, por ejemplo {{Name}} y {{Phone}}. Verifica los nombres de las variables en el panel Variables, en la esquina del editor.

2. 2

   Añade el bloque HTTP request

   Abre la paleta de bloques a la derecha, ve a la categoría Integrations y arrastra el bloque HTTP request (antes llamado bloque Webhook) al final del flujo, después de los inputs. Este es el bloque que hablará con ZapZap API cuando el lead termine de responder.

3. 3

   Configura método, URL y headers

   Haz clic en el bloque HTTP request para abrir sus ajustes. En Method elige POST y en URL pega el endpoint de envío de ZapZap API (base https://api.zapzapapi.com, consulta la ruta exacta en https://api.zapzapapi.com/llms.txt). Abre Headers y añade dos líneas: x-api-key con tu clave y x-api-secret con tu secreto, ambos disponibles en el panel de ZapZap.

4. 4

   Construye el Body con las variables de Typebot

   Aún en el bloque, ve a Body y selecciona JSON. Escribe el cuerpo haciendo referencia a las variables capturadas con doble llave, por ejemplo el número en {{Phone}} y un mensaje que use {{Name}}. Typebot sustituye los valores reales en el momento del envío. Los nombres exactos de los campos del cuerpo están documentados en https://api.zapzapapi.com/llms.txt.

5. 5

   Prueba en la vista previa y publica

   Haz clic en Test en la barra superior para ejecutar el flujo en modo vista previa y comprobar que la solicitud sale con estado de éxito (también puedes usar Test the request dentro del propio bloque). Una vez confirmado el envío en WhatsApp, haz clic en Publish para poner el Typebot en vivo como enlace, incrustación o popup.

// Ejemplo ILUSTRATIVO del Body del bloque HTTP request (POST)
// Los campos exactos están en la documentación: https://api.zapzapapi.com/llms.txt
//
// URL:    https://api.zapzapapi.com/api/v1/{instanceId}/send/text   (endpoint ilustrativo)
// Method: POST
// Headers:
//   x-api-key: TU_API_KEY
//   x-api-secret: TU_API_SECRET
//   Content-Type: application/json
//
// Body (JSON) con variables de Typebot:
{
  "number": "{{Phone}}",
  "text": "Hola {{Name}}, recibimos tu contacto y te atenderemos por aquí en breve."
}