Intégrez Connectif avec Oct8ne pour stocker les données générées lors des conversations avec vos contacts et les utiliser dans les workflows de Connectif.
Dans cet article, vous apprendrez comment réaliser l'intégration avec Oct8ne et comment stocker les informations générées par le contact.
Pourquoi implémenter l'extension
1. Cas d'usage que vous pourrez créer après cette intégration
Voici quelques idées pour mettre en place différentes stratégies après l'activation de l'extension Oct8ne dans votre Boutique Connectif.
- Segmentation par étiquette Oct8ne (comme illustré dans cet article).
- Créer un popup d'assistance panier pour les contacts souhaitant quitter le site (comme illustré dans cet article).
-
Envoyer un e-mail ou un popup de remerciement lorsqu'un contact laisse un avis positif.
-
Suspendre l'envoi de newsletters pendant un certain temps pour les clients ayant laissé un avis négatif afin d'éviter les désabonnements.
-
Remarketing avec le produit suggéré par l'agent Oct8ne.
2. Quelles données pouvez-vous importer d'Oct8ne vers Connectif ?
Avec cette extension, Connectif recevra depuis Oct8ne les informations suivantes :
- Le moment où un contact ouvre une conversation sur Oct8ne.
- Les informations des événements générés par le contact sur Oct8ne (produits consultés, suggérés, ajoutés au panier...).
3. Quelles données de Connectif pouvez-vous utiliser dans Oct8ne ?
Grâce à cette extension, vous pourrez exploiter toutes les informations collectées dans la fiche du contact ainsi que son activité en temps réel, pour personnaliser les messages d'Oct8ne avec les données enregistrées dans Connectif.
Avant de commencer : prérequis
Pour intégrer votre compte Connectif avec Oct8ne, vous aurez besoin de :
- Un compte sur Oct8ne.
ÉTAPE 1 : Création de l'intégration personnalisée dans Connectif
1. Accédez à Configuration de la boutique dans le menu latéral gauche.
2. Dans le sélecteur d'onglets, allez à "Intégrations > Intégrations personnalisées (webhooks)" et cliquez sur Créer une nouvelle intégration.
3. Définissez le champ "Nom de l'intégration" pour identifier l'intégration.
4. (Optionnel) Personnalisez la couleur, ajoutez une description ou catégorisez l'intégration.
5. Cliquez sur Mettre à jour.
ÉTAPE 2 : Création des événements de réception
6. Dans l'onglet Recevoir des données, cliquez sur Créer un nouvel événement de réception pour créer chacun des événements qui collecteront les informations d'Oct8ne (détaillés dans les points suivants).
2.1. Création de l'événement d'affichage des widgets du chat
(Dans cette section, nous expliquons comment créer et configurer l'événement qui se déclenchera lorsque les widgets d'entrée du chat seront affichés aux visiteurs sur le site).
7. Attribuez un nom et l'alias "oct8ne-widgets-viewed".
8. Créez un champ de type Texte avec le nom "device".
9. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.2. Création de l'événement de réception d'ouverture du chat
(Dans cette section, nous expliquons comment créer et configurer l'événement qui se déclenchera lorsque le visiteur ouvrira le chat d'Oct8ne).
10. Attribuez un nom et l'alias "oct8ne-entered".
11. Créez deux champs pour cet événement :
- Un champ de type Texte avec le nom "enterType".
- Un champ de type Texte avec le nom "viewedProductsBeforeEntering".
12. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.3. Création de l'événement de réception de formulaire affiché
2.3. Création de l'événement de réception de formulaire affiché
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le chat sera ouvert mais qu'aucun agent ne sera disponible, affichant ainsi le formulaire de contact dans le chat).
13. Attribuez un nom et l'alias "oct8ne-contact-form-viewed".
14. Créez un champ de type Texte avec le nom "contactFormViewed".
15. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.4. Création de l'événement de réception de formulaire envoyé
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le contact enverra le formulaire de contact depuis le chat).
16. Attribuez un nom et l'alias "oct8ne-contact-form-send".
17. Créez un champ de type Texte avec le nom "contactFormSend".
18. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.5. Création de l'événement de réception de sélection de département
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur, avant d'être pris en charge, sélectionnera un département disponible dans la liste).
19. Attribuez un nom et l'alias "oct8ne-selected-department".
20. Créez un champ de type Texte avec le nom "department".
21. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.6. Création de l'événement de réception de transfert du chat à un agent
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le bot transfèrera le visiteur à un agent humain).
22. Attribuez un nom et l'alias "oct8ne-transfer-from-bot".
23. Créez un champ de type Texte avec le nom "transferredTo".
24. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.7. Création de l'événement de réception de chat pris en charge par un agent
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque l'agent prendra en charge le visiteur et que plus de deux messages auront été échangés, ou toute autre condition établie).
25. Attribuez un nom et l'alias "oct8ne-attended-by-agent".
26. Créez deux champs pour cet événement :
- Un champ de type Texte avec le nom "agentId".
- Un champ de type Texte avec le nom "agentName".
2.8. Création de l'événement de réception d'étiquette ajoutée
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque l'agent ajoutera une étiquette à une session en temps réel).
28. Attribuez un nom et l'alias "oct8ne-added-tag".
29. Créez un champ de type Texte avec le nom "label".
30. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.9. Création de l'événement de réception de produit visualisé dans le chat
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera chaque fois que le visiteur visualise un produit dans le chat).
31. Attribuez un nom et l'alias "oct8ne-visitor-product-view".
32. Créez un champ de type Texte avec le nom "viewedProduct".
33. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.10. Création de l'événement de réception de produit vu
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur visualisera un produit dans le chat).
34. Attribuez un nom et l'alias "oct8ne-viewed-product".
35. Créez un champ de type Texte avec le nom "sentBy".
36. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.11. Création de l'événement de réception de produit suggéré par l'agent
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur visualise un produit recommandé par l'agent dans le chat).
37. Attribuez un nom et l'alias "oct8ne-agent-product-suggested".
38. Créez un champ de type Texte avec le nom "viewedProduct".
39. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.12. Création de l'événement de réception de produit ajouté au panier dans le chat
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur cliquera sur le bouton d'ajout au panier depuis le chat).
2.12. Création de l'événement de réception de produit ajouté au panier depuis le chat
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur cliquera sur le bouton "ajouter au panier" depuis le chat).
40. Attribuez un nom et l'alias "oct8ne-click-add-to-cart".
41. Créez un champ de type Texte avec le nom "addedBy".
42. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.13. Création de l'événement de réception d'évaluation positive
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur laissera une évaluation positive pour un agent).
43. Attribuez un nom et l'alias "oct8ne-good-rating".
44. Créez un champ de type Texte avec le nom "ratedAgent".
45. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.14. Création de l'événement de réception d'évaluation négative
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera lorsque le visiteur laissera une évaluation négative pour un agent).
46. Attribuez un nom et l'alias "oct8ne-bad-rating".
47. Créez un champ de type Texte avec le nom "ratedAgent".
48. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
2.15. Création de l'événement de réception de visiteur récurrent
(Dans cette section, nous expliquons comment créer l'événement qui se déclenchera chaque fois qu'un client ayant déjà utilisé Oct8ne reviendra sur la page).
49. Attribuez un nom et l'alias "oct8ne-returning-visitor".
50. Créez deux champs pour cet événement :
- Un champ de type Texte avec l'ID "attendedBy".
- Un champ de type Texte avec l'ID "attendedDaysAgo".
51. Cliquez sur Enregistrer puis sur Retour à la liste des événements.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :
- Oct8ne Assistance au panier, pour afficher une popup d'aide informant le client s'il souhaite contacter son agent Oct8ne pour obtenir de l'assistance.
- Intégration personnalisée pour recevoir des données, pour apprendre à utiliser des informations non enregistrées par défaut sur la plateforme.
- Intégrations avec des systèmes externes, pour intégrer votre compte Connectif avec Facebook, des formulaires et d'autres webhooks de votre site web.
-
Intégrations via API, pour gérer des événements tels que les enregistrements d'achats ou les inscriptions de contacts.