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.
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.
- Segmentación por etiqueta de Oct8ne (tal como se ve en este artículo).
- Crear un popup de asistencia en carrito para los contactos que quieran abandonar la web (tal como se ve en este artículo).
-
Enviar un email o popup de agradecimiento cuando un contacto deje una valoración positiva.
-
Pausar el envío de newsletters durante un tiempo a clientes que hayan dejado una valoración negativa para evitar que se den de baja.
-
Remarketing con el producto sugerido por el agente de Oct8ne.
2. ¿Qué data podrás traer de Oct8ne a Connectif?
Con esta extensión, Connectif recibirá desde Oct8ne la información de:
- El momento en que un contacto abra un chat en Oct8ne.
- La información de los eventos generados por el contacto en Oct8ne (productos vistos, sugeridos, añadidos al carrito...).
3. ¿Qué data de Connectif podrás usar en Oct8ne?
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 Oct8ne con sus datos recopilados en Connectif.
Antes de empezar: requisitos previos
Para poder integrar tu cuenta de Connectif con Oct8ne, necesitarás:
- Una cuenta en Oct8ne.
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 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).
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".
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".
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".
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".
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".
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".
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".
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".
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".
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).
34. Asígnale un nombre y el alias "oct8ne-viewed-product".
35. Crea un campo de tipo Texto con el nombre "sentBy".
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".
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".
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".
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".
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 ".
51. Haz clic en Guardar y en Volver al listado de eventos.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Oct8ne Asistencia en carrito, para mostrar un popup de ayuda que le indique al cliente si quiere ponerse en contacto con su agente de Oct8ne para recibir asistencia.
- 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.