Si votre eCommerce est développé sur Shopify, vous pourrez le synchroniser avec votre compte Connectif en quelques minutes seulement 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 ? : Lors de 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 vous rendre sur 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
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 pouvez souscrire votre plan plus tard. Dans ce cas, passez à l’étape 3 pour configurer votre compte.
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 du 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. Configuration de différentes boutiques, devises, langues et/ou marchés (Shopify Markets)
(Cette section explique les étapes pour configurer la collecte des informations d’activité dans les différentes boutiques Shopify. Ainsi, Connectif n’enregistrera l’activité que dans le compte correspondant lorsque le client navigue dans la langue, la devise et/ou les marchés configurés).
12. Dans la section Multi-boutique, cliquez sur Activer.
Cette configuration est optionnelle si vous souhaitez que l’activité des contacts soit envoyée à une boutique Connectif différente selon la langue, la devise et/ou le marché où ils naviguent. Si elle n’est pas configurée, Connectif collectera toute l’activité dans le même compte, quelle que soit la langue ou la devise utilisée par le contact.
13. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte principal et cliquez sur Activer.
De cette façon, Connectif collectera dans un seul compte tous les marchés partageant la même langue et devise.
14. (Optionnel). Pour limiter le suivi à un seul marché, cliquez sur le menu déroulant Marché. Ce paramètre affichera une liste d’URLs (des marchés) disponibles pour la langue et la devise sélectionnées au point 13.
15. Sélectionnez l’URL pour laquelle vous souhaitez appliquer le suivi dans ce cas.
Si aucun marché n’est sélectionné, cette boutique Connectif collectera l’activité de tous les marchés avec cette langue/devise ; si un marché est sélectionné, le suivi s’appliquera uniquement à celui-ci.
16. Cliquez sur Activer pour enregistrer la configuration.
17. (Optionnel). Pour connecter un autre compte Connectif afin de suivre l’activité dans une autre langue, devise et/ou marché, cliquez sur Ajouter une boutique Connectif.
L’ajout d’autres boutiques est optionnel, mais vous devrez le faire pour suivre leur activité dans le compte Connectif correspondant. Vous pouvez répéter cette opération autant de fois que de boutiques à connecter.
18. Saisissez votre identifiant et mot de passe Connectif.
19. Sélectionnez la boutique qui suivra l’activité de votre eCommerce dans cette autre langue/devise/marché.
20. Sélectionnez la langue et la devise dans lesquelles vous souhaitez enregistrer l’activité pour le compte secondaire et cliquez sur Ajouter.
3.2. Activation et configuration de la synchronisation
(Cette section explique les étapes minimales nécessaires pour synchroniser Shopify et Connectif et commencer à collecter en temps réel les données d’interaction des contacts sur le web).
21. Dans "Paramètres > Suivi", activez le sélecteur Suivi Connectif pour inclure le script Connectif sur votre site web.
22. Dans “Paramètres > Suivi”, dans le menu déroulant Catégorie de confidentialité client, sélectionnez le niveau de consentement que vous souhaitez appliquer au suivi Connectif :
- “Basic” : Connectif chargera et commencera à collecter l’activité du contact sans vérifier son consentement aux cookies. C’est l’option configurée par défaut et qui maintient le comportement habituel de l’intégration.
- “Preferences” : Connectif chargera lorsque Shopify permettra le traitement correspondant aux préférences du visiteur.
- “Analytics” : Connectif chargera lorsque Shopify permettra le traitement correspondant à l’analytique.
- “Marketing” : Connectif chargera lorsque Shopify permettra le traitement correspondant au marketing.
23. Cliquez sur Enregistrer les modifications.
Activer le Suivi collecte les données de trafic et de navigation, mais ne collecte pas les informations sur les contacts, achats, produits visités, etc. Pour obtenir ces informations, il faut activer la Extension du thème.
24. Cliquez sur le bouton Configurer l’extension du thème.
25. Sélectionnez le thème actif (celui marqué comme "Current") et cliquez sur Configurer l’extension du thème.
26. Dans l’Éditeur du thème, cliquez sur Enregistrer pour activer l’Extension du thème dans votre compte.
3.3. Configuration pour recevoir des informations sur les produits
(Cette section explique les options de configuration du module Connectif pour collecter des informations sur les produits).
27. 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.).
28. Choisissez entre collecter l’ID interne Shopify du produit ou le SKU en sélectionnant l’une des deux options du sélecteur.
29. Cochez la case Mettre à jour les produits en temps réel pour actualiser immédiatement les produits dans Connectif lorsqu’un changement est appliqué depuis le panneau Shopify.
Lorsque cette fonctionnalité est utilisée, il faut prendre en compte certains points concernant la manière et les données mises à jour dans Connectif :
- Les champs personnalisés du produit synchronisés par d’autres moyens (étiquettes de produit visité via l’extension du 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 Shopify avec Connectif, les Collections de Shopify sont stockées comme Catégories de produit dans Connectif. La modification du nom de ces collections ou l’appartenance du produit à celles-ci n’est pas mise à jour dans Connectif avec ce mécanisme.
- La suppression de produits dans Shopify ne mettra pas à jour l’état du stock ni ne supprimera les produits dans Connectif en utilisant ce mécanisme.
30. Cochez la case Activer la synchronisation quotidienne des produits pour maintenir automatiquement synchronisé tout votre catalogue produit avec Connectif.
En activant cette option, une synchronisation complète du catalogue sera lancée immédiatement. Ensuite, la synchronisation se fera toutes les 24 heures.
En activant la synchronisation quotidienne, la synchronisation et la vérification des produits via les tags web et l’intégration web par défaut de Connectif seront désactivées. De plus, la synchronisation quotidienne n’inclut pas les champs personnalisés du produit.
31. 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).
32. Dans "Paramètres > Achats", choisissez, dans le menu déroulant État du paiement des achats, l’état ou les états que doivent avoir les commandes pour être enregistrées comme Achats dans Connectif. Ainsi, lorsque la commande sera dans l’un des états sélectionnés, Shopify notifiera Connectif de l’achat et il sera enregistré dans votre boutique.
Dans notre exemple, en ayant coché l’état "Payé", Connectif enregistrera comme Achats les commandes ayant cet état.
3.5. Ajuster les configurations de l’Extension du thème
(Cette section explique quelles configurations peuvent être ajustées dans l’éditeur de l’Extension du thème et comment les réaliser).
L’Extension du thème et la configuration du module Connectif sont des plateformes différentes, il faut donc vérifier que les deux configurations correspondent et ajuster si nécessaire.
33. Cliquez sur le bouton Configurer l’Extension du thème.
34. Dans "Configuration du panier", vérifiez que l’option Utiliser les variantes de produit corresponde à celle sélectionnée à l’étape 3.3.
35. Dans "Paramètres produit > ID produit", confirmez que les informations produit configurées sont les mêmes que celles sélectionnées à l’étape 3.3.
36. Dans "Paramètres produit", choisissez la taille de l’image produit qui s’affichera dans Connectif (en pixels).
37. Dans "Tags personnalisés", insérez les champs personnalisés créés dans Connectif via le code Liquid, comme expliqué à l’étape 3.7.
3.6. Configuration pour créer le contact dans Shopify
(Cette section explique l’option de configuration du module Connectif pour créer le contact dans Shopify).
38. Dans la section Contact, activez, si vous le souhaitez, l’option permettant à Connectif de créer le contact dans Shopify. Cette option créera le contact dans votre Shopify, mais ne lui créera pas de compte ni n’enverra d’invitation à en créer un.
Par exemple, si un contact est créé dans Connectif via un formulaire d’abonnement à la newsletter, ce contact sera également créé dans Shopify mais, comme indiqué, sans compte.
3.7. Envoi d’informations supplémentaires sur les produits et clients
(Cette section explique comment créer de nouveaux champs pour les produits et clients dans Shopify et les envoyer à Connectif. Pour plus d’informations sur la création de ces champs, consultez la documentation officielle de Shopify).
39. Rendez-vous dans le Tableau de bord administrateur de votre boutique Shopify et cliquez sur Paramètres.
Dans notre exemple, il est montré comment créer une étiquette personnalisée de produit, appelée "Example" ; le processus est le même pour les champs personnalisés des produits.
40. Allez dans Données personnalisées et sélectionnez la partie de la boutique où vous souhaitez ajouter le nouveau champ personnalisé.
Dans notre exemple, un champ est ajouté pour les Produits. Pour créer un champ de contact, vous devez cliquer sur Clients et suivre les mêmes étapes.
41. Ajoutez un nouveau métachamp en remplissant le Nom et la Description.
42. Sélectionnez un Type de champ.
Dans notre exemple, un champ de type ligne de texte est créé.
43. Assurez-vous que dans les Options, l’Accès aux boutiques en ligne ait les permissions de Lecture.
44. Cliquez sur Enregistrer.
45. Copiez le nom du métachamp pour l’inclure dans l’Éditeur du thème.
Dans notre exemple, le métachamp de Produit créé est copié (product.metafields.custom.example).
46. Ajoutez le métachamp copié dans le fragment de code suivant :
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
47. Copiez le fragment de code obtenu dans la section Tags personnalisés de l’Éditeur du thème.
Dans notre exemple, il est montré comment inclure le code du métachamp créé pour le Produit. Pour les champs de contact, vous devez l’ajouter dans la zone Contact.
48. Cliquez sur Enregistrer.
Succès !
Votre installation de l’application Connectif pour Shopify est maintenant prête.
Vous pouvez vérifier que l’intégration a été correctement réalisée en suivant les étapes de cet article.
Questions fréquentes
1. Quelles informations Connectif collecte-t-il via cette intégration ?
a. Informations collectées sur les contacts
Dans les intégrations avec Shopify, via la balise cn_client_info, certaines informations sur les contacts sont transférées par défaut :
- first_name
- last_name
- _newsletter_subscription_status
b. Informations collectées sur les produits
Dans les intégrations avec Shopify, via la balise cn_product_visited et la synchronisation quotidienne du catalogue, certaines informations sur les produits sont collectées par défaut :
- product_id
- url
- name
- description
- image_url (featured_image)
- thumbnail_url
- unit_price
- unit_price_original
- discounted_amount
- discounted_percentage
- availability
- category (collection.title)
- tag
- brand (product.vendor)
- published_at
Via l’API, des informations en temps réel sur les produits sont collectées :
- id
- name
- productDetailUrl
- unitPrice
- availability
- brand
- description
- unitPriceOriginal
- imageUrl
- publishedAt
- tags
- categories
- thumbnailUrl
- discountedAmount
- discountedPercentage
- inStockUnits
- discountedPercentage
c. Informations collectées sur les achats
Dans les intégrations avec Shopify, si l’option de synchronisation des produits en temps réel est activée, certaines informations sur les achats sont collectées :
- cartId
- totalPrice
- totalQuantity
- purchaseDate
- purchaseId
-
products
- quantity
- price
- productDetailUrl
- productId
- name
- unitPrice
- publishedAt
- imageUrl
- unitPriceOriginal
- discountedAmount
- discountedPercentage
- tags
- brand
- thumbnailUrl
- paymentMethod
2. Je n’ai pas encore de plan Connectif actif et je souhaite en souscrire un
(Cette section explique que faire si vous ne disposez pas d’un plan Connectif et souhaitez en souscrire un via Shopify).
- Dans ce cas, suivez les instructions de la Étape 2.
3. J’ai déjà un plan Connectif mais je souhaite le payer via Shopify
(Cette section explique que faire si vous avez déjà un plan Connectif non facturé via Shopify et souhaitez changer pour le payer via cet outil.)
- Dans votre compte Shopify, rendez-vous sur le panneau de contrôle du module Connectif et, dans Plan, cliquez sur le bouton Souscrire.
- Une fois les conditions lues et acceptées, choisissez et acceptez le mode de paiement.
4. Je dois commencer à payer le plan attribué
(Cette section explique que faire si un plan a déjà été attribué et que vous allez commencer à le payer via Shopify).
- Dans votre compte Shopify, rendez-vous sur le panneau de contrôle du module Connectif et, dans Plan, cliquez sur le bouton Souscrire.
- Une fois les conditions lues et acceptées, choisissez et acceptez le mode de paiement.
5. Comment récupérer les 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).
Via l’intégration avec Shopify, une URL de récupération de panier (Cart recovery url) est envoyée à Connectif, c’est-à-dire un lien pour récupérer les articles liés à ce panier, qui peut être utilisé dans les workflows et contenus.
Pour obtenir l’URL de récupération de panier via un workflow, cela doit se faire par le biais du nœud "Obtenir dernier panier" et "Au moment de l’abandon du panier", puis être mappé dans les variables du contenu à afficher ou envoyer.
- Découvrez comment fonctionne cette URL dans les différents CMS et comment l’utiliser dans cet article.
Continuez à apprendre !
Pour exploiter tout le potentiel 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 Shopify, pour apprendre comment ajouter la balise d’achats.
Intégrations avec des systèmes externes, pour vous connecter avec Facebook, formulaires et webhooks de votre site.
Intégrations via API, pour gérer des événements tels que les enregistrements d’achats ou les créations de contacts.