Integración con Spoki

Sincroniza tu cuenta de Connectif con la herramienta Spoki para crear campañas de mensajería directa con WhatsApp personalizadas para cada contacto.

En este artículo aprenderás cómo integrar tu cuenta de Connectif con Spoki y automatizar el envío de mensajes cuando el contacto abandone el carrito. 

  

Tiempo de implementación: 1h.
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 integrar tu cuenta de Connectif con Spoki y automatizar campañas de WhatsApp, necesitarás:

Encontrarás más información sobre cómo crear tus templates en el área de "Templates" de Spoki, haciendo clic en el botón de  (información).

Spoki_-_1-min.png

 

Cuando crees tu template es imprescindible indicar qué campos dinámicos tendrá, que se serán los que se pasen desde Connectif con la información personalizada para el usuario.

En los templates se encuentran dos tipos de campos:

  • Registry Fields: los que proporciona Spoki.
  • Dynamic Fields: los campos personalizados. Estos deben siempre ir en mayúsculas. En la plantilla de ejemplo se encuentran dos campos dinámicos:
    • CHECKOUT URL (URL del checkout).
    • TOTAL AMOUNT (cantidad total de artículos).

Spoki_-_24-min.png

 

PASO 1. Creación de la automatización en Spoki

1. Ingresa a tu cuenta de Spoki.

2. Dirígete al apartado Automations.

3. Haz clic en New.

Spoki_-_2-min.png

4. Asígnale un nombre a tu automatización.

5. Haz clic en   Add Boot Step.

Spoki_-_3-min.png

6. En la ventana emergente, selecciona Integration y busca Connectif.

Spoki_-_4-min.png

7. Guarda la URL que se mostrará, esa será la URL del WebHook que después utilizarás en Connectif.

 

¡Guarda esta dirección! Es el endpoint donde se recibirá la información que se envía desde Connectif y que te permitirá personalizar tus mensajes de forma automática. 

Spoki_-_5-min.png

PASO 2. Selección de la plantilla del mensaje en Spoki

8. Haz clic en Your Automatic Action.

Spoki_-_6-min.png

9. En Action Type filtra por Template.

10. Selecciona en When el período de espera para que se active la acción después de activar el disparador (que en este caso vendrá dado por Connectif).

11. En el buscador, filtra y selecciona la plantilla que quieras enviar.

12. Haz clic en Add.

Spoki_-_7-min.png

13. Guarda los cambios.

 

PASO 3. Creación de la integración en Connectif 

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

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

Integración con Spoki 2023 - 0-min.png

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

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

Integración con Spoki 2023 - 1-min.png

18. Haz clic en  Actualizar.

 

PASO 4. Creación del evento de envío

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

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

19. Dentro de esa pantalla, asígnale un nombre al evento.

20. Añade la URL del endpoint que has encontrado previamente en Spoki (paso 1) en el apartado "Webhook URL donde enviar el mensaje".

Integración con Spoki 2023 - 2-min.png

 

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

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

21. Para poder enviar la información a Spoki es necesario replicar la estructura del JSON del template. Siguiendo con el ejemplo del template “Contact Data” , el archivo JSON a replicar es:

{
"phone": "+393931256677", //required
"first_name": "Maria",
"email": "maria.ross@example.com",
}

22. Haz clic en    Añadir nuevo campo.

Integración con Spoki 2023 - 3-min.png

23. Selecciona el tipo de campo (texto, email, etc.).

 

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

24. Añade un Nombre y una ID.

25. 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.custom_fields.TOTAL_AMOUNT deberás cambiarla por /custom_fields./TOTAL_AMOUNT.

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 Spoki 2023 - 4-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.

Integración con Spoki 2023 - 5-min.png

 

PASO 5. Creación del workflow para automatizar el envío de mensajes de WhatsApp 

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

33. Dirígete a Workflowsy haz clic en    Crear nuevo workflow.

Integración con Spoki 2023 - 6-min.png

34. Selecciona un nuevo workflow en blanco.

35. En el "Nodo Inicio", selecciona Todos los contactos de mi lista.

36. Añade el nodo disparador "Al abandonar carrito" para que el workflow se active en el momento que un visitante de tu web añada productos a su carrito y no complete la compra.

Integración con Spoki 2023 - 7-min.png

37. Edita el nodo, para quitarle las limitaciones, y haz clic en   Actualizar.

Integración con Spoki 2023 - 8-min.png

38. Busca el nodo de tipo acción que has creado al hacer tu integración con Spoki (paso 4) y añádelo a tu workflow.

  

Cuando el contacto abandone el carrito, queremos informar del evento a Spoki. 

Integración con Spoki 2023 - 9-min.png

39. Configura el nodo asignando las variables a sus respectivos valores:

  • Las variables del contacto (nombre, apellidos, teléfono y email) provienen de la información del Contacto.
  • La información de la propiedad del carrito (TOTAL AMOUNT) viene dada por el nodo Al abandonar carrito:
  • La URL del checkout se establece a mano por medio de un valor de tipo Literal:

Integración con Spoki 2023 - 10-min.png

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

41. En el workflow, haz clic en  Guardar para guardar los cambios y en  Iniciar para activarlo.

 

 

¡Éxito!
La integración de tu cuenta de Connectif con Spoki 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