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 ? : Lors de l'ouverture de votre compte Connectif.
ÉTAPE 1. Installation de l'application
1. Accédez à votre compte Connectif.
2. Allez dans 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 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 essai gratuit, vous pourrez souscrire à un 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é dans les différentes boutiques Shopify. Ainsi, Connectif enregistrera uniquement l'activité sur le compte correspondant lorsque le client naviguera dans la langue, devise et/ou marché configurés).
12. Dans la section Multi-boutique, cliquez sur Activer.
Cette configuration est facultative si vous souhaitez que l'activité des contacts soit dirigée vers une boutique Connectif différente en fonction de la langue, de la devise et/ou du marché où ils naviguent. Si cette option n'est pas configurée, Connectif collectera toute l'activité sur le même compte, indépendamment du pays et de la devise utilisés par le contact.
13. Sélectionnez la langue et la devise pour lesquelles vous souhaitez enregistrer l'activité pour le compte principal et cliquez sur Activer.
De cette manière, Connectif collectera sur 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 sur 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 partageant cette langue/devise. Si un marché est sélectionné, il ne s'appliquera qu'à 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 pouvoir suivre l'activité des boutiques concernées dans le compte Connectif correspondant. Vous pouvez répéter le processus autant de fois que nécessaire pour chaque boutique à lier.
18. Saisissez votre identifiant et votre 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 les données d'interaction des contacts sur le site web en temps réel).
21. Dans "Paramètres > Suivi", activez le sélecteur Suivi Connectif pour inclure le script de 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 des contacts, achats, produits visités, etc. Pour obtenir ces informations, il est nécessaire d'activer l' 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 "Actuel") et cliquez sur Configurer l'extension du thème.
25. Dans l'Éditeur du thème, cliquez sur Enregistrer pour activer l' Extension du thème sur 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 entre collecter l'ID interne de Shopify du produit ou le SKU en cochant l'une des deux options du sélecteur.
28. Cochez la case Mettre à jour les produits en temps réel pour actualiser immédiatement les produits dans Connectif lorsqu'une modification est effectuée sur un produit depuis le panneau Shopify.
Lors de l'utilisation de cette fonctionnalité, il est important de prendre en compte certains aspects concernant la mise à jour des données dans Connectif :
- Les champs personnalisés des produits synchronisés par d'autres moyens (étiquettes de produit visité via l'extension de thème) sont exclus de cette méthode de mise à jour.
- Ce mécanisme collectera la taille d'origine des images des produits.
- Dans l'intégration de 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 du produit à celles-ci est exclue de cette mise à jour.
- 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.
29. 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", sélectionnez, dans le menu déroulant Statut de paiement des achats, le ou les statuts que les commandes doivent avoir pour être enregistrées comme Achats dans Connectif. Ainsi, lorsqu'une commande atteint l'un des statuts sélectionnés, Shopify notifiera Connectif de l'achat et celui-ci sera enregistré dans votre boutique.
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 effectuer).
L'Extension du 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, d'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 que vous avez sélectionnée dans l'étape 3.3.
33. Dans "Paramètres du produit > ID du produit", vérifiez que l'information du produit configurée est la même que celle sélectionnée dans l'étape 3.3.
34. Dans "Paramètres du 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 à l'aide du code Liquid, comme expliqué dans l' étape 3.7.
3.6. Configuration pour créer un contact dans Shopify
(Cette section explique l'option de configuration du module Connectif permettant de créer un contact dans Shopify).
36. Dans la section Contact, activez, si vous le souhaitez, l'option permettant à Connectif de créer un contact dans Shopify. Cette option créera le contact dans votre Shopify, mais ne lui créera pas de compte ni ne lui enverra d'invitation pour 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. 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. Pour plus d'informations sur la création de ces champs, consultez la documentation officielle de Shopify).
37. Accédez au Panneau d'administration de votre boutique Shopify et cliquez sur Paramètres.
Dans notre exemple, nous illustrons la création d'une étiquette personnalisée de produit appelée "Example". Le processus serait le même pour les champs personnalisés des produits.
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 devriez cliquer sur Clients et suivre les mêmes étapes.
39. Ajoutez un nouveau méta-champ 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 a des autorisations pour Lire.
42. Cliquez sur Enregistrer.
43. Copiez le nom du méta-champ pour l'inclure dans l' Éditeur du thème.
Dans notre exemple, nous copions le méta-champ de Produit créé (product.metafields.custom.example).
44. Ajoutez le méta-champ copié dans l'extrait de code suivant :
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
45. Copiez l'extrait de code résultant dans la section Étiquettes personnalisées de l'Éditeur du thème.
Dans notre exemple, nous montrons comment inclure le code du méta-champ pour le Produit créé. Pour les champs de contact, vous devez l'ajouter dans la section 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 depuis les Contacts
Dans les intégrations avec Shopify, via l'étiquette cn_client_info, certaines informations concernant les Contacts sont transférées par défaut :
-
email
-
first_name
-
last_name
-
_newsletter_subscription_status
b. Informations collectées depuis les Produits
Dans les intégrations avec Shopify, via l'étiquette cn_product_visited et la synchronisation quotidienne du catalogue, certaines informations concernant 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 sont collectées sur les Produits :
- id
- name
- productDetailUrl
- unitPrice
- availability
- brand
- description
- unitPriceOriginal
- imageUrl
- publishedAt
- tags
- categories
- thumbnailUrl
- discountedAmount
- discountedPercentage
- inStockUnits
- discountedPercentage
c. Informations collectées depuis les Achats
Dans les intégrations avec Shopify, via l'API, certaines informations concernant 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 de plan Connectif actif et je souhaite m'abonner
(Cette section explique ce qu'il faut faire si vous n'avez pas de plan Connectif actif et souhaitez vous abonner via Shopify).
- Dans ce cas, suivez les instructions de Étape 2.
3. J'ai déjà un plan Connectif mais je souhaite payer via Shopify
(Cette section explique ce qu'il faut faire si vous avez déjà un plan Connectif qui n'est pas facturé via Shopify et souhaitez le changer pour un paiement via l'outil.)
- Dans votre compte Shopify, accédez au tableau de bord du module Connectif et, sous Plan, cliquez sur le bouton S'abonner.
- Après avoir revu et accepté les conditions, choisissez et acceptez le mode de paiement.
4. Je dois commencer à payer le plan assigné
(Cette section explique ce qu'il faut faire si le plan assigné est sur le point de commencer à être payé via Shopify).
- Dans votre compte Shopify, accédez au tableau de bord du module Connectif et, sous Plan, cliquez sur le bouton S'abonner.
- Après avoir revu et accepté les conditions, 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 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 est envoyée à Connectif, c'est-à-dire un lien pour récupérer les articles liés à ce panier, qui peut être utilisé dans des workflows et contenus.
Pour obtenir l'URL de récupération de panier via un workflow, il faut le faire par le biais du nœud "Obtenir dernier panier" et "Panier abandonné", puis le mapper 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 maîtriser notre interface.
-
Suivi des achats avec le snippet de Shopify, pour apprendre comment ajouter le tag d’achat.
-
Intégrations avec des systèmes externes, pour vous connecter à Facebook, des formulaires et des webhooks de votre site.
-
Intégrations via l'API, pour gérer des événements comme les enregistrements d’achats ou l’ajout de contacts.