Guide pour intégrer avec Shopify

Si votre eCommerce est développé sur Shopify, vous pourrez le synchroniser avec votre compte Connectif en quelques minutes et commencer à collecter des données d’interaction de vos contacts sur le site web.

Dans cet article, vous apprendrez comment installer et configurer l’application Connectif pour Shopify.  

 
Temps d’implémentation : 15 min.
Difficulté : Faible.
Quand l’utiliser : À l’ouverture de votre compte Connectif.

 

ÉTAPE 1. Installation de l’application 

1. Connectez-vous à votre compte Connectif.

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

3. Dans la section Plateformes e-commerce, recherchez Shopify et cliquez sur  Modifier.

Shopify_integracio_n_oct_22_-_01.png

4. Cliquez sur Installez notre module depuis la boutique d’applications Shopify pour être redirigé vers l’App Store de Shopify.

Integración con Shopify - 1-min (1).png

5. Cliquez sur le bouton Installer l’application.

Integración

6. Connectez-vous ou créez un nouveau compte.

Integración

 

ÉTAPE 2. Activation de l’abonnement

  

Une fois l’application installée, il sera nécessaire de souscrire à un plan Connectif. Si vous utilisez votre période d’essai gratuite, vous pourrez souscrire plus tard. Dans ce cas, passez à l’ étape 3 pour configurer votre compte.

7. Connectez-vous à votre compte Connectif.

Integración

8. Sélectionnez la boutique que vous souhaitez intégrer et configurer. 

Integración

9. Accédez au bloc Informations générales pour vérifier les informations sur le compte Connectif lié à votre installation Shopify.

Shopify_integracio_n_oct_22_-_8.png

10. Choisissez l’un des plans Connectif disponibles.

Shopify_integracio_n_oct_22_-_9.png

11. (Optionnel). Demandez un plan personnalisé à Connectif via le panneau Demander un plan personnalisé.

 
Il est uniquement possible d’avoir une demande de plan personnalisé en file d’attente.

Shopify_integracio_n_oct_22_-_10.png

 

ÉTAPE 3. Configuration de l’application

3.1. (Optionnel). Configuration de l’envoi des informations des boutiques à Connectif

(Dans cette section, vous trouverez les étapes pour configurer les comptes qui collecteront les informations d’activité des différentes boutiques. Ainsi, Connectif n’enregistrera l’activité que sur le compte correspondant lorsque le client navigue dans la langue et la devise configurées).

12. Dans la section Multi-Store , cliquez sur Activer.

  

Cette configuration est optionnelle si vous souhaitez que la navigation dans chaque langue corresponde à une boutique différente. Si elle n’est pas configurée, Connectif collectera dans le même compte l’activité de toutes les boutiques, indépendamment du pays et de la devise utilisées. 

Integración

13. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte principal et cliquez sur Activer.

Intégration

14. Cliquez sur Ajouter une boutique pour connecter un autre compte Connectif afin de suivre l’activité de la boutique dans une autre langue et/ou devise.

 

L’ajout d’autres boutiques est facultatif, mais il doit être effectué pour pouvoir suivre l’activité des boutiques dans le compte Connectif correspondant. Vous pouvez répéter ce processus autant de fois que vous souhaitez lier de boutiques.

Intégration

15. Entrez l’identifiant et le mot de passe du compte Connectif qui suivra l’activité de la seconde boutique.

16. Sélectionnez la boutique que vous souhaitez lier à ce compte.

Intégration

17. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte secondaire et cliquez sur Ajouter.

Intégration

 

3.2. Configuration de la synchronisation 

(Dans cette section, nous expliquons les étapes minimales nécessaires pour synchroniser Shopify et Connectif et commencer à collecter des données d’interaction des contacts en temps réel).

18. Dans "Paramètres > Suivi", activez le sélecteur Suivi Connectif pour inclure le script Connectif sur votre site web.

Shopify_integracio_n_oct_22_-_11.png

19. Cliquez sur Enregistrer les modifications.

Shopify_integracio_n_oct_22_-_12.png

  

Activer le Suivi collecte les données de trafic et de navigation, mais pas les informations sur les contacts, les achats, les produits visités, etc. Pour obtenir ces informations, vous devez activer l’ Extension de thème.

20. Cliquez sur le bouton Configurer l’extension de thème.

Shopify_integracio_n_oct_22_-_13.png

21. Sélectionnez le thème actif (celui marqué comme "main") et cliquez sur Configurer l’extension de thème.

Shopify_integracio_n_oct_22_-_14.png

22. Dans l’Éditeur de thème, cliquez sur Enregistrer pour activer l’ Extension de thème dans votre compte.

Shopify_integracio_n_oct_22_-_15.png

 

3.3. Configuration pour recevoir des informations sur les produits 

(Dans cette section, nous expliquons les options de configuration du module Connectif pour collecter des informations sur les produits).

23. Dans "Paramètres > Produit", cochez ou décochez la case Utiliser les variantes de produit pour collecter dans les paniers et achats les variantes de produit (taille, couleur, etc.).

24. Choisissez entre collecter l’ID interne de Shopify du produit ou le SKU en sélectionnant l’une des deux options du sélecteur.

 L’ID Shopify est attribué automatiquement, tandis que le SKU doit être indiqué au moment de créer vos produits.

Shopify_integracio_n_oct_22_-_16.png

25. Cochez la case Mettre à jour les produits en temps réel pour actualiser les produits dans Connectif immédiatement après un changement effectué sur le produit dans le panneau Shopify.

 

Lorsque vous utilisez cette fonctionnalité, certains aspects doivent être pris en compte :
- Les champs personnalisés des produits synchronisés par d’autres moyens (balises de produit visité via l’extension de thème) sont exclus de cette méthode de mise à jour.
- Ce mécanisme collecte la taille originale des images des produits.
- Dans l’intégration de Shopify avec Connectif, les Collections de Shopify sont stockées comme Catégories de produit dans Connectif. Les modifications du nom de ces collections ou l’appartenance des produits à celles-ci ne sont pas mises à jour dans Connectif via ce mécanisme. 
- La suppression de produits dans Shopify ne mettra pas à jour l’état du stock ni ne supprimera les produits dans Connectif avec ce mécanisme.

26. Cliquez sur Enregistrer les modifications.

 

3.4. Configuration pour notifier les achats 

(Cette section explique les options de configuration du module Connectif pour collecter des informations sur les achats).

 

Les paramètres concernant les achats ne peuvent être modifiés que lorsque le suivi est désactivé. Par conséquent, pour modifier cette configuration, le suivi doit être temporairement désactivé (étape 3.2).

27. Dans "Paramètres > Achats", choisissez entre notifier les achats en ligne ou hors ligne. Par défaut, Connectif collecte les achats en ligne.

 

Quelle est la différence entre Utiliser les achats en ligne et Utiliser les achats hors ligne ?
- Avec Utiliser les achats en ligne, l’achat sera enregistré immédiatement après que l’utilisateur ait visité la page de paiement, en utilisant l’étiquette de l’extension de thème.
- Avec Utiliser les achats hors ligne, l’achat sera enregistré dans Connectif de manière asynchrone, à tout moment après l’achat (pas immédiatement).

Shopify_integracio_n_oct_22_-_17-min.png

 

En plus de configurer les notifications d’achats dans Shopify, vous devrez implémenter le snippet de suivi dans votre boutique. Découvrez comment le faire dans cet article.

3.5. Configurations de l’extension de thème

(Cette section explique quelles configurations peuvent être ajustées dans l’éditeur d’extension de thème et comment les réaliser).

 

L’Extension de thème et la configuration du module Connectif sont des plateformes différentes. Il est donc nécessaire de vérifier que les deux configurations correspondent et, si ce n’est pas le cas, de réaliser les ajustements nécessaires.

28. Cliquez sur le bouton Configurer l’extension de thème.

Shopify_integracio_n_oct_22_-_11-min.png

29. Dans "Configuration du panier", vérifiez que l’option Utiliser les variantes de produit correspond à celle que vous avez sélectionnée à l’étape 3.3.

Shopify_integracio_n_oct_22_-_18.png

30. Dans "Paramètres de produit > ID de produit", confirmez que l’information sur le produit configurée correspond à celle que vous avez sélectionnée à l’ étape 3.3.

Shopify_integracio_n_oct_22_-_19.png

31. Dans "Paramètres de produit", choisissez la taille de l’image du produit qui sera affichée dans Connectif (en pixels).

Shopify_integracio_n_oct_22_-_20.png

32. Dans "Balises personnalisées", insérez les champs personnalisés créés dans Connectif via du code Liquid.

Shopify_integracio_n_oct_22_-_27__1_-min.png

 

3.6. (Optionnel). Création de champs personnalisés pour les Produits et Clients dans Shopify

(Cette section explique comment créer des champs personnalisés pour les Produits et Clients dans Shopify et les synchroniser avec ceux de Connectif).

33. Accédez au Panneau d’administration de votre boutique Shopify et cliquez sur Paramètres.

Shopify_integracio_n_oct_22_-_21.png

 

Dans notre exemple, nous illustrons comment créer une étiquette personnalisée pour un produit, appelée "Example".

34. Accédez à Metafields et sélectionnez la section de la boutique où vous souhaitez ajouter le nouveau champ personnalisé.

Shopify_integracio_n_oct_22_-_28.png

 

Dans notre exemple, un champ est ajouté pour Produits.

35. Ajoutez un nouveau metafield en remplissant le Nom et la Description.

36. Sélectionnez un Type de champ.

37. Cochez la case permettant de connecter ce champ via l’API.

Shopify_integracio_n_oct_22_-_23.png

 

Dans notre exemple, un champ de type "ligne de texte" est créé.

38. Cliquez sur Enregistrer.

Shopify_integracio_n_oct_22_-_24.png

39. Copiez le nom du metafield pour l’inclure dans l’ Éditeur de thème.

Shopify_integracio_n_oct_22_-_25.png
 

Dans notre exemple, le metafield de Produit créé est copié (product.metafields.custom.example).

40. Ajoutez le metafield copié dans le fragment de code suivant :

<span class="custom_meta">{{ product.metafields.custom.example }}</span>

 

41. Copiez le fragment de code dans la section Étiquettes personnalisées de l’ Éditeur de thème.

Shopify_integracio_n_oct_22_-_26.png
 

Dans notre exemple, le code du metafield pour le Produit créé est inclus.

42. Cliquez sur Enregistrer.

Shopify_integracio_n_oct_22_-_29-min.png

 

 

Succès !
Votre installation de l’application Connectif pour Shopify est terminée.

  

Vous pouvez vérifier que l’intégration a été réalisée correctement en suivant les étapes décrites dans cet article.

 


Questions fréquentes

1. Je n’ai pas encore d’abonnement Connectif actif et je souhaite en souscrire un

(Cette section explique quoi faire si vous n’avez pas encore d’abonnement Connectif et souhaitez en souscrire un via Shopify).

  • Dans ce cas, suivez les instructions de l’ étape 2.

2. J’ai déjà un abonnement Connectif mais je souhaite le payer via Shopify

(Cette section explique quoi faire si vous avez déjà un abonnement Connectif non facturé via Shopify et souhaitez changer pour le payer via l’outil.)

  • Dans votre compte Shopify, accédez au tableau de bord du module Connectif et, dans Abonnement, cliquez sur le bouton Souscrire.

Shopify_integracio_n_oct_22_-_30.png

 

  • Une fois les conditions examinées et acceptées, choisissez et confirmez le mode de paiement.

Shopify_integracio_n_oct_22_-_31.png

 

3. Je dois commencer à payer le plan assigné

(Cette section explique quoi faire si le plan assigné est prêt à être activé et que le paiement doit commencer via Shopify).

  • Dans votre compte Shopify, accédez au panneau de contrôle du module Connectif et, dans Plan, cliquez sur le bouton Souscrire.

Shopify_integracio_n_oct_22_-_30.png

 

  • Une fois les conditions examinées et acceptées, choisissez et confirmez le mode de paiement.

Shopify_integracio_n_oct_22_-_31.png

 

4. Comment récupérer des paniers abandonnés avec l’URL de récupération de panier

(Cette section explique le fonctionnement de l’URL de récupération de panier pour obtenir les articles associés à un panier spécifique).

Grâce à l’intégration avec Shopify, Connectif reçoit une URL de récupération de panier (Cart recovery URL), c’est-à-dire un lien pour récupérer les articles associés à ce panier, utilisable dans des workflows et contenus.

Pour obtenir l’URL de récupération de panier via un workflow, utilisez les nœuds "Obtenir le dernier panier" et "En cas d’abandon de panier", puis mappez l’URL dans les variables des contenus à afficher ou envoyer.

  • Découvrez comment cette URL fonctionne dans les différents CMS et comment l’utiliser dans cet article

 

 

 


Continuez à apprendre !

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

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0