Si votre eCommerce est développé sur Shopify, vous pourrez le synchroniser avec votre compte Connectif en seulement 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 ? : 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, cherchez Shopify et cliquez sur Modifier.
4. Cliquez sur Installez notre module depuis la boutique d’applications Shopify pour accéder à 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 concernant 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. 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é sur les différentes boutiques Shopify. Ainsi, Connectif enregistrera uniquement l’activité dans le compte correspondant lorsque le client naviguera dans la langue, la devise et/ou le marché 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 un seul compte, quel que soit le pays et la devise utilisés 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 tracking à un seul marché, cliquez sur la liste déroulante 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 tracking 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 tracking 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 nécessaire pour pouvoir suivre leur activité dans le compte Connectif correspondant. Vous pouvez répéter ce processus autant de fois que vous souhaitez lier des boutiques.
18. Saisissez votre identifiant et mot de passe Connectif.
19. Sélectionnez la boutique qui va suivre 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 des données d’interaction des contacts en temps réel sur le web).
21. Dans "Paramètres > Suivi", activez le sélecteur Suivi Connectif pour inclure le script Connectif sur votre site web.
22. 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.
23. Cliquez sur le bouton Configurer l’extension du thème.
24. Sélectionnez le thème actif (celui marqué comme "Current") et cliquez sur Configurer l’extension du thème.
25. Dans l’Éditeur de 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).
26. 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.).
27. Choisissez de collecter l’ID interne Shopify du produit ou le SKU en sélectionnant l’une des deux options dans le sélecteur.
28. Cochez la case Mettre à jour les produits en temps réel pour mettre à jour immédiatement les produits dans Connectif lorsqu’un changement est effectué sur le produit depuis le panneau Shopify.
Lors de l’utilisation de cette fonctionnalité, il faut prendre en compte certains points concernant la manière et les données mises à jour dans Connectif :
- Les champs personnalisés de produit synchronisés par d’autres moyens (étiquettes de produit visitées via l’extension du thème) sont exclus de cette méthode de mise à jour.
- Ce mécanisme récupère la taille originale des images des produits.
- Dans l’intégration Shopify avec Connectif, les Collections Shopify sont stockées comme Catégories de produit dans Connectif. La modification du nom de ces collections ou l’appartenance d’un produit à ces collections n’est pas mise à jour dans Connectif via ce mécanisme.
- La suppression de produits dans Shopify ne mettra pas à jour le statut de stock ni ne supprimera les produits dans Connectif en utilisant ce mécanisme.
29. Cochez la case Activer la synchronisation quotidienne des produits pour maintenir automatiquement synchronisé tout votre catalogue de produits avec Connectif.
En activant cette option, une synchronisation complète du catalogue démarrera immédiatement. Par la suite, la synchronisation sera effectuée toutes les 24 heures.
En activant la synchronisation quotidienne, la synchronisation et la vérification des produits via les étiquettes 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 de produit.
30. 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).
30. Dans "Paramètres > Achats", choisissez dans la liste déroulante Statut de paiement des achats le(s) statut(s) que les commandes doivent avoir pour être enregistrées comme Achats dans Connectif. Ainsi, lorsqu’une commande aura un des statuts sélectionnés, Shopify notifiera Connectif de l’achat et celui-ci sera enregistré dans votre boutique.
Dans notre exemple, en ayant sélectionné le statut "Payé", les commandes avec ce statut seront enregistrées comme Achats dans Connectif.
3.5. Ajustement des 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, le cas échéant, effectuer les ajustements nécessaires.
31. Cliquez sur le bouton Configurer l’Extension du thème.
32. Dans "Configuration du panier", vérifiez que l’option Utiliser les variantes de produit correspond à celle sélectionnée à l’étape 3.3.
33. 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.
34. Dans "Paramètres produit", choisissez la taille de l’image du produit qui sera affichée dans Connectif (en pixels).
35. Dans "Étiquettes personnalisées", 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).
36. 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 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).
37. Rendez-vous dans le Panneau d’administration de votre boutique Shopify et cliquez sur Paramètres.
Dans notre exemple, on illustre comment créer une étiquette personnalisée de produit appelée "Example", le processus est identique pour les champs personnalisés de produit.
38. 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 devrez cliquer sur Clients et suivre les mêmes étapes.
39. Ajoutez un nouveau métachamp en remplissant le Nom et la Description.
40. Sélectionnez un Type de champ.
Dans notre exemple, un champ de type ligne de texte est créé.
41. Assurez-vous que dans les Options, l’Accès aux boutiques en ligne ait les permissions pour Lire.
42. Cliquez sur Enregistrer.
43. Copiez le nom du métachamp pour l’inclure dans l’Éditeur de thème.
Dans notre exemple, le métachamp de Produit créé est copié (product.metafields.custom.example).
44. Ajoutez le métachamp copié dans le fragment de code suivant :
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
45. Copiez le fragment de code résultant dans la section Étiquettes personnalisées de l’Éditeur de thème.
Dans notre exemple, on montre comment inclure le code du métachamp pour le Produit créé. Pour les champs de contact, vous devrez l’ajouter dans la zone Contact.
46. Cliquez sur Enregistrer.
Succès !
Votre installation de l’application Connectif pour Shopify est maintenant prête.
Vous pouvez vérifier que vous avez correctement réalisé l’intégration 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 quoi faire si vous ne disposez pas encore d’un plan Connectif et souhaitez en souscrire un via Shopify).
- Dans ce cas, suivez les indications de la Étape 2.
3. J’ai déjà un plan Connectif mais je souhaite le payer via Shopify
(Cette section explique quoi faire si vous avez déjà un plan Connectif qui n’est pas facturé via Shopify et souhaitez changer pour le payer via cet outil.)
- Dans votre compte Shopify, rendez-vous dans 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 validez le mode de paiement.
4. Je dois commencer à payer le plan attribué
(Cette section explique quoi faire si vous avez déjà le plan à souscrire assigné et que vous allez commencer à le payer via Shopify).
- Dans votre compte Shopify, rendez-vous dans 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 validez 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 comment fonctionne 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, 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 "À l’abandon du panier", puis être mappé dans les variables du contenu à afficher ou envoyer.
- Apprenez comment fonctionne cette URL dans 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 poursuivre avec les articles suivants :
Onboarding, pour maîtriser notre interface.
Suivi des achats avec le snippet Shopify, pour apprendre à ajouter la balise d’achats.
Intégrations avec des systèmes externes, pour vous intégrer avec Facebook, formulaires et webhooks de votre site.
Intégrations via API, pour gérer des événements comme les enregistrements d’achats ou les inscriptions de contacts.