Intégration avec Oct8ne

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. 

 

Une fois l'intégration réalisée, vous pourrez segmenter vos contacts comme expliqué dans cet article, ainsi qu'utiliser les informations obtenues dans des stratégies personnalisées, comme celle où vous pourrez ajouter un popup d'assistance pour les contacts avec un panier actif.

  

Temps d'implémentation : 15 min.
Difficulté : Facile.
Quand l'utiliser ? : Pour collecter les données des conversations d'Oct8ne.

 

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 :

 

É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.

Intégration avec WhatsApp - 0-min.png

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.

Intégration avec Oct8ne - 2-min.png

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).

 

Il est important d'attribuer les alias indiqués dans chacun des événements pour que l'intégration fonctionne correctement.

Intégration avec Oct8ne - 3-min.png

 

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".

Intégration avec Oct8ne - 12-min.png

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".

Intégration avec Oct8ne - 4-min.png

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".

Intégration avec Oct8ne - 6-min.png

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".

Intégration avec Oct8ne - 6-min.png

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".

Intégration avec Oct8ne - 7-min.png

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".

Intégration avec Oct8ne - 14-min.png

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".

Intégration avec Oct8ne - 5-min.png

 

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".

Intégration avec Oct8ne - 13-min.png

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".

Intégration avec Oct8ne - 9-min.png

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).

  

Contrairement à l'événement du point 2.6, qui se déclenche chaque fois que le visiteur voit un produit, cet événement ne se déclenche qu'une seule fois pendant la session.

34. Attribuez un nom et l'alias "oct8ne-viewed-product". 

35. Créez un champ de type Texte avec le nom "sentBy".

Intégration avec Oct8ne - 10-min.png

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".

Intégration avec Oct8ne - 11-min.png

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".

Intégration avec Oct8ne - 8-min.png

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".

Intégration avec Oct8ne - 15-min.png

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".

Intégration avec Oct8ne - 16-min.png

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".

Intégration avec Oct8ne - 17-min.png

51. Cliquez sur Enregistrer puis sur  Retour à la liste des événements.

 

 

Succès !
L'intégration de votre compte Connectif avec Oct8ne est prête.

 


Continuez à apprendre !

Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :