Intégration avec Accela

Intégrez Connectif avec Accela pour utiliser les données de recherche générées par chaque contact dans les workflows de Connectif, ainsi qu'insérer du contenu dynamique généré dans Connectif dans les résultats de recherche fournis par Accela.

Dans cet article, vous apprendrez comment intégrer Accela et comment stocker les termes et filtres de recherche dans des champs personnalisés du contact. 

  

Temps d'implémentation : 30 minutes.
Difficulté : Intermédiaire
Quand l'utiliser :
Pour collecter les données d'Accela et insérer du contenu en ligne depuis Connectif.

Avant de commencer : prérequis

Pour pouvoir intégrer votre compte Connectif avec Accela, vous aurez besoin de :

  • Un script pour collecter les données d'Accela (base fournie dans cet article).
  • Google Tag Manager implémenté sur la boutique, pour collecter le script avec les données envoyées par Accela.

Selon le CMS, le script peut également être implémenté dans le code de l'e-commerce, mais le faire via Google Tag Manager est l'option la plus simple.

 

ÉTAPE 1 : Création de l'intégration personnalisée dans Connectif

1. Accédez à Paramètres de la boutique dans le menu latéral gauche.

2. Dans le sélecteur d'onglet, 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 Accela - 1-min.png

5. Cliquez sur  Mettre à jour.

 

ÉTAPE 2 : Création des événements de réception 

2.1. Création de l'événement de réception d'ouverture

(Dans cette section, nous expliquons comment créer et configurer l'événement qui recevra l'ouverture d'Accela).

6. Dans l'onglet Recevoir des données, cliquez sur  Créer un nouvel événement de réception.

Intégration avec Accela - 2-min.png

7. Donnez un nom et l'alias "accela-open-layer". Cliquez sur  Enregistrer.

 

Vous devez attribuer cet alias pour qu'il corresponde à celui du script Connectif. Si vous attribuez un autre alias, vous devrez le modifier dans le script de l'étape 3.

Intégration avec Accela - 3-min.png

8. Sur l'écran de confirmation, cliquez sur  Revenir à la liste des événements.

 

2.2. Création de l'événement de réception des informations sur la marque et le prix

(Cette section explique comment créer l'événement qui recevra les informations sur la marque, "Prix à partir de" et "Prix jusqu'à" et comment configurer les champs pour stocker ces données).

9. Dans l'onglet Recevoir des données, cliquez sur  Créer un nouvel événement de réception.

10. Donnez un nom et l'alias "accela-brand-price".

Vous devrez attribuer cet alias pour qu'il corresponde à celui du Script de Connectif. Si vous attribuez un autre alias, vous devrez le modifier dans le script de l'Étape 3. De plus, gardez à l'esprit que le prix ne sera collecté que si le contact interagit avec le curseur de prix d'Accela.

Intégration avec Accela - 4-min.png

11. Cliquez sur   Ajouter un nouveau champ pour créer chacun des champs personnalisés et compléter les informations :

  • Créez un champ avec le nom "brand" et l'ID "brand" de type Texte pour collecter la marque.
  • Créez un champ avec le nom "priceFrom" et l'ID "priceFrom" de type Décimal pour collecter le prix minimum.
  • Créez un champ avec le nom "priceUpTo" et l'ID "priceUpTo" de type Décimal pour collecter le prix maximum.
 

Vous pouvez utiliser d'autres noms pour vos champs si vous le souhaitez, mais vous devrez utiliser ces IDs pour que le script fonctionne correctement. 

Intégration avec Accela - 5-min.png

12. Cliquez sur  Enregistrer.

13. Sur l'écran de confirmation, cliquez sur  Revenir à la liste des événements.

 

ÉTAPE 3 : Intégration dans Google Tag Manager pour activer l'événement Accela

14. Copiez le script suivant :

  

Si vous n'avez pas utilisé les alias proposés dans cet article pour les événements de réception de l' Étape 2, vous devrez les renommer dans le script pour qu'ils correspondent aux vôtres.


<script async src="https://cdn.connectif.cloud/scripts/accela-search.js">
</script>

15. Accédez au compte Google Tag Manager où vous allez insérer le script.

16. Allez dans Balises et cliquez sur Nouveau.

Intégration avec Doofinder - 8-min.png

17. Donnez un nom. 

18. Cliquez sur Configuration de la balise et sélectionnez le type HTML personnalisé. 

Intégration avec Accela - 6-min.png

19. Dans le bloc HTML, collez le script de l'étape 14. 

Intégration avec Accela - 7-min.png

20. Cliquez sur Déclencheur et sélectionnez Toutes les pages.

  

Avec cette configuration, le script sera activé sur toutes les pages de l'eCommerce où Google Tag Manager est implémenté. 

Intégration avec Accela - 8-min.png

21. Cliquez sur Enregistrer.

 

Avec cette étape, chaque fois qu'un contact effectuera une recherche sur Accela, l'événement déclenchera une action dans Connectif. De plus, une balise div avec l'ID "connectif-doofinder-banner" est incluse dans le calque Doofinder pour pouvoir insérer du contenu en ligne depuis Connectif.

 

ÉTAPE 4 : Stockage des informations dans la fiche de contact de Connectif

4.1. Création des champs de contact

(Dans cette section, nous expliquons comment créer des champs personnalisés pour que les données collectées par Connectif puissent être stockées dans la fiche de contact).

22. Accédez à Connectif et allez, via le menu latéral gauche, à "Contacts > Champs du contact"

23. Cliquez sur   Ajouter un nouveau champ personnalisé pour créer chacun des champs personnalisés et compléter leurs informations :

  • Créez un champ avec le nom "Accela Brand" et l'ID "accBrand" de type Texte pour stocker la marque.
  • Créez un champ avec le nom "Accela Price From" et l'ID "accPriceFrom" de type Nombre Décimal pour stocker la limite de prix minimum.
  • Créez un champ avec le nom "Accela Price Up" et l'ID "accPriceUpTo" de type Nombre Décimal pour stocker la limite de prix maximum.

Intégration avec Accela - 9-min.png

 

4.2. Création du workflow pour mettre à jour les champs

(Dans cette section, nous expliquons comment stocker les données envoyées par Accela dans Connectif via un workflow).

24. Accédez depuis le menu latéral gauche à Workflows.

25. Cliquez sur  Créer un nouveau workflow et sélectionnez  Créer un workflow vide.

Intégration avec Doofinder - 13-min.png

26. Connectez le nœud "Début" au nœud de type Déclencheur que vous avez créé pour recevoir la marque et le prix d'Accela.

Intégration avec Accela - 10-min.png

27. Connectez au nœud de type Déclencheur le nœud "Définir champ".

Intégration avec Accela - 11-min.png

28. Cliquez sur  (Modifier la configuration du nœud) du nœud "Définir champ".

29. Faites glisser les champs que vous venez de créer, avec une source de données Contact, de la colonne de gauche vers le bloc central, de sorte qu'ils correspondent aux champs homonymes de la colonne de droite.

Intégration avec Accela - 12-min.png

30. Cliquez sur  Mettre à jour pour enregistrer la configuration du nœud et sauvegardez votre workflow.

 

 

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

 


Continuez à apprendre !

Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :