Integración con WhatsApp a través de Meta

Connectif dispone de una sincronización directa con tu cuenta de Meta que te permitirá crear campañas personalizadas de envío de WhatsApps según tus objetivos.

En este artículo, aprenderás cómo integrar tu cuenta de Connectif con Meta y automatizar el envío de un mensaje de confirmación de compra. 

  

Tiempo de implementación: 1 hora.
Dificultad: Intermedio
¿Cuándo utilizarlo?:
Para hacer campañas con WhatsApp.

 

Este es un ejemplo de las muchas posibilidades que ofrece esta integración. Siguiendo los principios básicos que se explican en este artículo, podrás crear más estrategias de mensajería que te ayuden a cumplir tus objetivos.

Antes de empezar: requisitos previos

Para poder crear campañas de WhatsApp e integrar tu cuenta de Connectif con este canal, necesitarás:

  • Una cuenta de Desarrollador de Meta (encuentra cómo crearla en su documentación oficial).
  • Aplicación de WhatsApp creada (encuentra cómo crearla en su documentación oficial) y configurada.
  • Un número de teléfono autorizado por Meta.
  

Ese número es exclusivo para el envío desde la Meta Cloud API, es decir, no va a poder ser utilizado en ningún dispositivo para contestar mensajes o realizar otras acciones.

 

PASO 1: Creación de la integración personalizada en Connectif

1. Accede a Configuración de tienda en el menú lateral izquierdo.

2. En el selector de pestaña, ve a "Integraciones > Integraciones personalizadas (webhooks)" y haz clic en   Crear nueva integración.

Integración con WhatsApp - 0-min.png

3. Establece el campo "Nombre de la integración" para identificar la integración.

4. (Opcional) Personaliza el color, incluye una descripción o categoriza la integración.

Integración con WhatsApp - 1-min.png

5. Haz clic en  Actualizar.

 

PASO 2: Creación del evento de envío 

(En este apartado se van a configurar los campos que serán compartidos con WhatsApp).

6. En la pestaña Enviar datos, haz clic en  Crear nuevo evento de envío.

Integración con WhatsApp - 2-min.png

 

2.1. Autorización del evento de envío

(En este apartado se van a configurar las cabeceras que van a permitir el envío de mensajes de WhatsApp desde Connectif. Para ello, deberán copiarse en Connectif algunos datos de Meta, por lo que es recomendable tener ambas pestañas abiertas).

7. En la aplicación de WhatsApp de Meta, ve a Configuración de la Api y copia, del Paso 2, la URL del "endpoint" al que se lanza la petición del envío de los mensajes, tal como se ve en la imagen:

Integración con WhatsApp - 3-min.png

8. De nuevo en Connectif, pega esta URL en el campo URL del webhook al que enviar el mensaje.

Integración con WhatsApp - 4-min.png

9. Haz clic en Añadir una nueva cabecera y asígnale el Nombre "Authorization".

10. Copia el valor asociado al Header que encontrarás en la aplicación de WhatsApp de Meta, en el Paso 2, tal como se ve en la imagen:

Integración con WhatsApp - 5-min.png

11. Pégalo en el campo Valor de la cabecera y haz clic en Aceptar.

Integración con WhatsApp - 6-min.png

12. Repite los pasos 9-11 con el resto de valores HTML de la cabecera:

  • Crea una cabecera con el Nombre "Content-Type" y el Valor "application/json".

 

2.2. Creación de la estructura del mensaje en Connectif

(En este apartado se van a configurar las propiedades del mensaje de WhatsApp que se va a enviar. En el ejemplo, se documenta la creación de una estructura real y práctica de un mensaje).

  

Para configurar el mensaje de WhatsApp en Connectif, deberás extraer la estructura de la plantilla del mensaje a un archivo JSON en base a las indicaciones que se dan en la documentación oficial de Meta

13. Utiliza una herramienta como JSON Path Finder, que te permitirá extraer la ruta de las propiedades que tienes que crear.

Integración con WhatsApp - 7-min.png

14. En nuestro ejemplo, la estructura de la plantilla a replicar es:

{

  "type": "template",

  "to": "[phoneNumber]",

  "messaging_product": "whatsapp",

  "template": {

    "name": "post_purchase_template",

    "language": {

      "policy": "deterministic",

      "code": "ES"

    },

    "components": [

      {

        "type": "body",

        "parameters": [

          {

            "type": "text",

            "text": "[contactName]"

          }

        ]

      }

    ]

  }

}

15. Haz clic en Crear nuevo Campo.

 

Encuentra más información sobre los campos de contacto en este artículo.

16. Marca, en los campos que sea necesario, la casilla Activar opciones JSON.

  

Es necesario activar las opciones JSON cuando se necesita enviar valores de objetos anidados en el JSON, es decir, cuando se necesite simular una estructura compleja con objetos anidados o arrays.

17. Copia la ruta y pégala en Connectif.

18. Edita la ruta, sustituyendo el (x.) del principio y los (.) por barras invertidas.

 

Por ejemplo, si la ruta de JSON es x.template.components.0.type deberás cambiarla por /template/components/0/type.

19. Asigna un nombre y un ID al campo.

 

PRO TIP: asigna el mismo nombre al campo en Connectif que la ruta de JSON para que sea más fácil de localizar.

Integración con WhatsApp - 8-min.png

20. Repite este paso con todas las propiedades que se van a transmitir, hasta que hayas replicado la plantilla.

21. Haz clic en   Guardar para registrar todos los campos.

 

PASO 3: Creación del workflow para enviar WhatsApps desde Connectif

(En este apartado se explica cómo mandar los datos desde Connectif a través de un workflow).

22. Accede desde el menú lateral izquierdo a la Workflows.

23. Haz clic en  Crear nuevo workflow y selecciona  Crear workflow en blanco.

Integración con WhatsApp - 9-min.png

24. Crea la estructura de tu workflow con un nodo de tipo disparador, en el ejemplo "Al comprar", y el nodo de tipo acción "Enviar WhatsApp”. 

Integración con WhatsApp - 10-min.png

 

En nuestro ejemplo, cuando un contacto realice una compra, se le enviará un WhatsApp de confirmación.

25. Configura el nodo asignando los valores (columna izquierda) a sus respectivos campos (columna derecha).

  • La información del contacto (nombre y teléfono) provienen de la información del Contacto.
  • El resto de campos deben configurarse con un valor Literal y completados con la información de la plantilla, que puede extraerse del JSON).

Integración con WhatsApp - 11-min.png

  

Recuerda configurar el workflow solo para los contactos con teléfono móvil a través del nodo "Inicio".

26. Haz clic en  Actualizar para guardar la configuración del nodo y guarda tu workflow. 

image (1).png

 

En nuestro ejemplo, este sería el resultado del mensaje de WhatsApp, donde "Maria" es el nombre de contacto.

 

 

¡Éxito!
La integración de tu cuenta de Connectif con WhatsApp está lista.

 


¡Sigue aprendiendo!

Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0