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.
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.
4. Cliquez sur Installez notre module depuis la boutique d’applications Shopify pour être redirigé vers l’App Store de Shopify.
5. Cliquez sur le bouton Installer l’application.
6. Connectez-vous ou créez un nouveau compte.
ÉTAPE 2. Activation de l’abonnement
7. Connectez-vous à votre compte Connectif.
8. Sélectionnez la boutique que vous souhaitez intégrer et configurer.
9. Accédez au bloc Informations générales pour vérifier les informations sur le compte Connectif lié à votre installation Shopify.
10. Choisissez l’un des plans Connectif disponibles.
11. (Optionnel). Demandez un plan personnalisé à Connectif via le panneau Demander un plan personnalisé.
É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.
13. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte principal et cliquez sur Activer.
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.
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.
17. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte secondaire et cliquez sur Ajouter.
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.
19. Cliquez sur Enregistrer les modifications.
20. Cliquez sur le bouton Configurer l’extension de thème.
21. Sélectionnez le thème actif (celui marqué comme "main") et cliquez sur Configurer l’extension de thème.
22. Dans l’Éditeur de thème, cliquez sur Enregistrer pour activer l’ Extension de thème dans votre compte.
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.
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.
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).
27. Dans "Paramètres > Achats", choisissez entre notifier les achats en ligne ou hors ligne. Par défaut, Connectif collecte les achats en ligne.
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).
28. Cliquez sur le bouton Configurer l’extension de thème.
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.
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.
31. Dans "Paramètres de produit", choisissez la taille de l’image du produit qui sera affichée dans Connectif (en pixels).
32. Dans "Balises personnalisées", insérez les champs personnalisés créés dans Connectif via du code Liquid.
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.
34. Accédez à Metafields et sélectionnez la section de la boutique où vous souhaitez ajouter le nouveau champ personnalisé.
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.
38. Cliquez sur Enregistrer.
39. Copiez le nom du metafield pour l’inclure dans l’ Éditeur de thème.
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.
42. Cliquez sur Enregistrer.
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.
- Une fois les conditions examinées et acceptées, choisissez et confirmez le mode de paiement.
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.
- Une fois les conditions examinées et acceptées, choisissez et confirmez le mode de paiement.
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 :
-
Onboarding, pour vous familiariser avec notre interface.
-
Suivi des achats avec le snippet dans Shopify, pour apprendre à ajouter l’étiquette des achats.
-
Intégrations avec des systèmes externes, pour vous connecter avec Facebook, des formulaires et des webhooks de votre site.
-
Intégrations via API, pour gérer des événements comme les enregistrements d’achats ou les inscriptions de contacts.