Integración con Oct8ne

Integra Connectif con Oct8ne para almacenar los datos generados en los chats con tus contactos y utilizaros en los workflows de Connectif.

En este artículo, aprenderás cómo realizar la integración con Oct8ne y cómo almacenar la información generada por el contacto. 

 

Una vez realizada la integración podrás segmentar a tus contactos tal como se explica en este artículo, así como utilizar la información obtenida en estrategias personalizadas, como esta donde podrás añadir un popup de asistencia a contactos con un carrito activo.

  

Tiempo de implementación: 15 min.
Dificultad: Fácil.
¿Cuándo utilizarlo?:
Para recoger la data de los chats de Oct8ne.

Antes de empezar: requisitos previos

Para poder integrar tu cuenta de Connectif con Oct8ne, necesitarás:

 

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 Oct8ne - 2-min.png

5. Haz clic en  Actualizar.

 

PASO 2: Creación de los eventos de recepción 

6. En la pestaña Recibir datos, haz clic en  Crear nuevo evento de recepción para crear cada uno de los eventos que recogerán la información de Oct8ne (detallados en los siguientes puntos).

 

Es importante que asignes los alias que se indican en  cada uno de los eventos para que la integración funcione correctamente.

Integración con Oct8ne - 3-min.png

 

2.1. Creación del evento de visualización de los widgets del chat

(En este apartado se explica cómo crear y configurar el evento que se disparará cuando se muestren los widgets de entrada al chat al visitante en la web).

7. Asígnale un nombre y el alias "oct8ne-widgets-viewed". 

8. Crea un campo de tipo Texto con el nombre "device".

Integración con Oct8ne - 12-min.png

9. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.2. Creación del evento de recepción de apertura del chat

(En este apartado se explica cómo crear y configurar el evento que se disparará cuando el visitante abra el chat de Oct8ne).

10. Asígnale un nombre y el alias "oct8ne-entered". 

11. Crea dos campos para este evento:

  • Un campo de tipo Texto con el nombre "enterType".
  • Un campo de tipo Texto con el nombre "viewedProductsBeforeEntering".

Integración con Oct8ne - 4-min.png

12. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.3. Creación del evento de recepción de formulario mostrado

(En este apartado se explica cómo crear el evento que se disparará cuando se abra el chat pero no haya agentes disponibles y se muestre el formulario de contacto dentro del mismo).

13. Asígnale un nombre y el alias "oct8ne-contact-form-viewed". 

14. Crea un campo tipo Texto con el nombre "contactFormViewed".

Integración con Oct8ne - 6-min.png

15. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.4. Creación del evento de recepción de formulario enviado

(En este apartado se explica cómo crear el evento que se disparará cuando el contacto envíe el formulario de contacto dentro del chat).

16. Asígnale un nombre y el alias "oct8ne-contact-form-send". 

17. Crea un campo tipo Texto con el nombre "contactFormSend".

Integración con Oct8ne - 6-min.png

18. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.5. Creación del evento de recepción de selección de departamento

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante, antes de ser atendido, seleccione un departamento disponible de un listado).

19. Asígnale un nombre y el alias "oct8ne-selected-department". 

20. Crea un campo tipo Texto con el nombre "department".

Integración con Oct8ne - 7-min.png

21. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.6. Creación del evento de recepción de transferencia del chat a un agente

(En este apartado se explica cómo crear el evento que se disparará cuando el bot transfiere el visitante a un agente humano).

22. Asígnale un nombre y el alias "oct8ne-transfer-from-bot". 

23. Crea un campo de tipo Texto con el nombre "transferredTo".

Integración con Oct8ne - 14-min.png

24. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.7. Creación del evento de recepción de chat atendido por agente

(En este apartado se explica cómo crear el evento que se disparará cuando el agente atienda al visitante y se hayan escrito más de 2 mensajes, o cualquier otra condición que se establezca).

25. Asígnale un nombre y el alias "oct8ne-attended-by-agent". 

26. Crea dos campos para este evento:

  • Un campo de tipo Texto con el nombre "agentId".
  • Un campo de tipo Texto con el nombre "agentName".

Integración con Oct8ne - 5-min.png

27. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.8. Creación del evento de recepción de etiqueta añadida

(En este apartado se explica cómo crear el evento que se disparará cuando el agente etiquete una sesión en tiempo real).

28. Asígnale un nombre y el alias "oct8ne-added-tag". 

29. Crea un campo de tipo Texto con el nombre "label".

Integración con Oct8ne - 13-min.png

30. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.9. Creación del evento de recepción de producto visualizado en el visor del chat

(En este apartado se explica cómo crear el evento que se disparará cada vez que el visitante visualice un producto dentro del visor del chat).

31. Asígnale un nombre y el alias "oct8ne-visitor-product-view". 

32. Crea un campo de tipo Texto con el nombre "viewedProduct".

Integración con Oct8ne - 9-min.png

33. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.10. Creación del evento de recepción de producto visto

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante visualice un producto dentro del visor del chat).

  

A diferencia del evento del punto 2.6., que se envía cada vez que el visitante ve un producto, este evento solo se envía una vez durante la sesión.

34. Asígnale un nombre y el alias "oct8ne-viewed-product". 

35. Crea un campo de tipo Texto con el nombre "sentBy".

Integración con Oct8ne - 10-min.png

36. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.11. Creación del evento de recepción de producto sugerido por agente

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante visualice un producto que le ha recomendado el agente dentro del visor del chat).

37. Asígnale un nombre y el alias "oct8ne-agent-product-suggested". 

38. Crea un campo de tipo Texto con el nombre "viewedProduct".

Integración con Oct8ne - 11-min.png

39. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.12. Creación del evento de recepción de producto añadido al carrito dentro del chat

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante haya hecho clic en el botón de añadir al carrito dentro del chat).

40. Asígnale un nombre y el alias "oct8ne-click-add-to-cart". 

41. Crea un campo tipo Texto con el nombre "addedBy".

Integración con Oct8ne - 8-min.png

42. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.13. Creación del evento de recepción de valoración positiva

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante haya realizado una valoración positiva a un agente).

43. Asígnale un nombre y el alias "oct8ne-good-rating". 

44. Crea un campo tipo Texto con el nombre "ratedAgent".

Integración con Oct8ne - 15-min.png

45. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.14. Creación del evento de recepción de valoración negativa

(En este apartado se explica cómo crear el evento que se disparará cuando el visitante haya realizado una valoración positiva a un agente).

46. Asígnale un nombre y el alias "oct8ne-bad-rating". 

47. Crea un campo tipo Texto con el nombre "ratedAgent".

Integración con Oct8ne - 16-min.png

48. Haz clic en Guardar y en  Volver al listado de eventos.

 

2.15. Creación del evento de recepción de visitante recurrente

(En este apartado se explica cómo crear el evento que se disparará cada vez que un cliente que haya utilizado Oct8ne previamente vuelva a visitar la página).

49. Asígnale un nombre y el alias "oct8ne-returning-visitor". 

50. Crea dos campos para este evento:

  • Un campo de tipo Texto con el ID "attendedBy".
  • Un campo de tipo Texto con el ID "attendedDaysAgo ".

Integración con Oct8ne - 17-min.png

51. Haz clic en Guardar y en  Volver al listado de eventos.

 

 

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