Ir al contenido principal

¿Cómo Conectar Web Forms para que Envíen un Template Message?

⚡ Cómo conectar un formulario web con Zapier y Atom


Automatizar el envío de mensajes a los leads que llenan un formulario en tu sitio web es una excelente manera de iniciar conversaciones al instante. A continuación, te explicamos cómo configurar esta integración utilizando Webhooks en Zapier.



1️⃣ Configurar el "Trigger" (Disparador) en Zapier

  1. En Zapier, crea un nuevo Zap haciendo clic en el botón Create Zap.

  2. En la barra de búsqueda de App Event, escribe "webhook" y selecciona Webhooks by Zapier.

  3. En Trigger Event, selecciona Catch Hook y haz clic en Continue.

  4. Zapier te dará una URL. Configura tu formulario web para que envíe los datos capturados hacia esa URL.

  5. Llena un formulario de prueba en tu web, regresa a Zapier y haz clic en Refresh fields para validar que los datos estén llegando correctamente.

  6. Haz clic en Continue.


2️⃣ Configurar la "Action" (Acción hacia Atom)

  1. En el siguiente paso (App Event), busca de nuevo "webhook" y selecciona Webhooks by Zapier.

  2. En Action Event, selecciona POST y haz clic en Continue.

  3. En la sección Action, busca el campo URL y pega el endpoint oficial de Atom:
    https://us-central1-atomchat-io.cloudfunctions.net/api/Template/SendMessage

  4. En el campo Payload Type, selecciona json.

  5. En la sección Data, debes mapear los parámetros que Atom necesita para enviar el mensaje:


    templateId: El ID de tu plantilla en Atom. (Obligatorio)
    groupName: Nombre del grupo al que se asignará el chat.
    phoneNumber: El número de teléfono capturado en el formulario (debe incluir el código de país).
    params__client_name: El nombre del cliente capturado.
    Campos personalizados: Si tu plantilla tiene variables extra, agrégalas usando el prefijo params__ (ej. params__ciudad).
    assign: Escribe true si quieres que el chat pase directamente a un Agente humano. Si omites este campo, el bot atenderá al lead.

  6. En la sección Headers, debes autorizar la petición configurando lo siguiente:


    • Clave: Escribe Authorization
    • Valor: Escribe Bearer tu_token_público (reemplaza "tu_token_público" por el token real).

  7. Haz clic en Continue para finalizar y encender tu Zap.


🔑 ¿Dónde encuentro mi templateId y mi Token Público?


Para obtener el templateId:

  1. En tu plataforma de Atom, ve a Configuraciones > Plantillas.

  2. Identifica la plantilla que vas a enviar y haz clic en el ícono de los tres puntitos (⋮) y selecciona "Copiar ID".

  1. En la pantalla de edición, el primer campo que verás es el templateId. Cópialo y pégalo en la sección Data de Zapier.

Para obtener el Token Público:

  1. En Atom, ve al módulo de Configuraciones > Canales.

  2. Sitúate en el canal de WhatsApp conectado, haz clic en el ícono de los tres puntos (⋮).

  3. Haz clic en la opción "Copiar token público".


¡Automatiza tu captación de leads en piloto automático! 🚀

Al vincular tus formularios web con Atom a través de Zapier, aseguras que cada cliente potencial reciba un mensaje de WhatsApp en el momento de mayor interés. Si necesitas más información sobre cómo manejar Zapier, recuerda que puedes consultar su Guía de Inicio Rápido. ✅

¿Ha quedado contestada tu pregunta?