Connectif dispone de una sincronización directa con tu cuenta de Meta que te permitirá crear campañas personalizadas de envío de mensajes de WhatsApp con carácter transaccional.
En este artículo, aprenderás cómo integrar tu cuenta de Connectif con Meta a través de un ejemplo donde se automatiza 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.
Por qué implementar la extensión
1. Casos de uso que podrás crear tras esta integración
Aquí te dejamos algunas ideas que pueden servirte para implementar diferentes estrategias tras activar en tu Tienda de Connectif la extensión con WhatsApp.
- Confirmar el estado de la compra (tal como se ve en este mismo artículo).
- Recuperar carritos abandonados enviando un mensaje de WhatsApp al contacto.
- Realizar recordatorios de reservas/eventos a los que se haya inscrito un contacto.
- Confirmación del registro/alta a través de un WhatsApp.
- Realizar alertas de producto de vuelta en stock al contacto.
2. ¿Qué data de Connectif podrás usar en WhatsApp?
Con esta extensión, podrás aprovechar toda la información recogida en la ficha del contacto, así como su actividad en tiempo real, para personalizar los mensajes de WhatsApp que envíes a cada contacto con sus datos recopilados en Connectif.
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.
- Templates creados y aprobados por Meta (encuentra cómo crearlos en su documentación oficial o utiliza sus ejemplos de plantillas).
- 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.
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.
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.
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:
8. De nuevo en Connectif, pega esta URL en el campo URL del webhook al que enviar el mensaje.
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:
11. Pégalo en el campo Valor de la cabecera y haz clic en Aceptar.
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.
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.
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.
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”.
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).
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.
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:
- Integración personalizada para recibir datos, para aprender cómo hacer uso de información que no es registrada por defecto en la plataforma.
- Integraciones con sistemas externos, para integrar tu cuenta de Connectif con Facebook, formularios y otros webhooks de tu web.
-
Integraciones vía API, para administrar eventos como registros de compras o altas de contactos.
- Campaña de email masiva por lotes, para diseñar una campaña por fases que evite saturar los servidores ante el incremento de visitas en la web.