Démarrer avec Shift4Shop

Vous apprendrez

Apprenez à intégrer Shift4Shop (anciennement 3dcart) avec Klaviyo afin de personnaliser et de cibler les e-mails en fonction des achats de chaque client et de l'activité du site Web. Les données synchronisées entre Shift4Shop et Klaviyo sont les suivantes :

• Données relatives aux commandes passées par vos clients, y compris les ventes, les remboursements, les commandes honorées et les commandes annulées.
• Informations détaillées sur les clients, y compris quand et combien de fois ils visitent votre site web

Table des matières

1. Ajouter l'intégration de Shift4Shop
2. Ajouter le suivi sur place de Klaviyo
3. Contrôlez la synchronisation des données
4. Données synchronisées à partir de Shift4Shop
5. Ressources complémentaires

Ajouter l'intégration de Shift4Shop

1. Dans Klaviyo, cliquez sur votre nom de compte dans le coin inférieur gauche et sélectionnez ensuite Intégrations > Ajouter des intégrations.
2. Recherchez Shift4Shop et cliquez sur la carte, puis sur Installer.
3. Pour trouver l'URL de votre magasin Shift4Shop (également connue sous le nom d'URL sécurisée), ouvrez votre compte Shift4Shop dans un nouvel onglet.
4. Dans Shift4Shop, allez sur Settings > General > Store Settings.
5. Sous Store Information, cliquez sur Manage Domain & Store URL.
   
6. Copiez l'URL du magasin dans les paramètres du domaine.
   
7. De retour dans Klaviyo, collez l'URL de votre magasin dans la boîte et cliquez sur Connect to Shift4Shop.
   
8. Copiez la clé d'API publique de Klaviyo qui apparaît sur la page suivante.
   
9. Cliquez sur le bouton Aller à Shift4Shop.
10. Sur la page REST API Apps de Shift4Shop, cliquez sur Add dans le coin supérieur droit pour ajouter la clé API Klaviyo.
    
11. Collez la clé publique de l'API de Klaviyo (2bd83b00fcd7d56916a28c452d3d080c).
    
12. Cliquez sur Enregistrer.
13. Une fenêtre popup apparaîtra, vous demandant de donner à Klaviyo l'autorisation d'intégrer les données de Shift4Shop dans notre plateforme ; cliquez sur Autoriser.
    
14. Vous serez redirigé vers votre compte Klaviyo et vos données commenceront à être synchronisées. Un message de réussite confirme que vos données sont synchronisées.

Ajouter le suivi sur place de Klaviyo

Il existe deux codes de suivi sur site Klaviyo que vous pouvez ajouter à votre site Shift4Shop. Le premier snippet de suivi sur site vous permet de savoir quand les utilisateurs interrogés sont actifs sur votre site (métrique Active on Site ) et le second snippet de suivi sur site vous permet de savoir quels produits ils ont consultés (métrique Viewed Product) .

Vous pouvez ensuite utiliser la mesure Active on Site pour créer des segments de navigateurs connus qui ont visité votre site mais n'ont rien acheté. Le snippet Active on Site (également connu sous le nom de Klaviyo.js) permet également d'utiliser les formulaires d'inscription de Klaviyo. 

Le suivi des produits visualisés est le plus souvent utilisé pour déclencher un flux d'e-mails automatisé d'abandon de navigation. Pour plus d'informations, consultez notre article sur la création d'un flux d'abandon de navigation.

1. Connectez-vous à l'administrateur de votre boutique Shift4Shop et accédez à Content > Site Content.
2. Cliquez sur le bouton Editer sous Header & Footer.
   
3. Cliquez sur le + à droite de l'en-tête global pour ouvrir l'éditeur d'en-tête.
   
4. Cliquez sur le curseur situé à côté de Mode WYSIWYG Désactivé / Activé pour basculer l'affichage vers l'éditeur HTML.
   
5. Pour ajouter le suivi " Active on Site ", collez le script suivant en bas de l'éditeur HTML :
   

   <script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
   <script type="text/javascript"> //Initialiser l'objet Klaviyo au chargement de la page !function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"Push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.Push([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.Push=function(){var n ;(n=window._klOnsite).Push.apply(n,arguments)}}}}() ; </script>

6. Dans la première ligne du snippet, remplacez Public API Key par votre Klaviyo Public API Key, qui se trouve sous Account name > Settings > API Keys dans Klaviyo.
7. Pour ajouter le suivi des produits visualisés, ajoutez ce script sous le script Actif sur le site dans l'en-tête :

   <script type="text/javascript">
   var klaviyo = window.klaviyo || [] ;
   
   // Suivez chaque vue de produit.
   if ('[price]' !== '[' + 'price]') {
      klaviyo.track("Visualisé Produit", {
         ProductID: "[id]",
         Name: "[name]",
         Description: "[description]",
         URL: [location.protocol, '//', location.host, location.pathname].join(''),
         Categories: "[catid]",
         ImageURL: [location.protocol, '//', location.host, '/[image1]'].join(''),
         Price: parseFloat("[price]".slice(1), 10)
      }) ;
   }
   </script>

     8. Dans le coin supérieur droit de la page, cliquez sur Enregistrer.

Surveillez la synchronisation de Klaviyo

Pour consulter vos données d'intégration Shift4Shop :

1. Dans votre compte Klaviyo, naviguez vers Analytics > Metrics.

2. Cliquez sur la métrique Commande passée pour vérifier que vos données ont commencé à s'afficher. Si des données apparaissent dans le graphique, cela signifie que l'intégration de Shift4Shop est synchronisée avec votre compte. Lorsque la synchronisation est terminée, vous verrez un cadre vert à côté de l'intégration Shift4Shop dans l'onglet Intégrations (sous le nom de compte > Intégrations).
   

3. Klaviyo importe toutes les données historiques de Shift4Shop. Pour le vérifier, comparez le nombre de commandes d'un jour donné dans Klaviyo avec ce qui figure dans votre interface Shift4Shop et confirmez la concordance. 

4. S'ils ne correspondent pas, le problème vient probablement du fait que le fuseau horaire de votre compte Klaviyo ne correspond pas au fuseau horaire de Shift4Shop. Pour vérifier votre fuseau horaire dans Klaviyo, allez sur Nom du compte > Paramètres > Organisation. 

5. Au milieu de cette page, vous verrez une zone pour définir votre fuseau horaire. Mettez à jour votre compte Klaviyo avec le bon fuseau horaire et cliquez sur Mettre à jour les informations.

Données synchronisées à partir de Shift4Shop 

L'intégration de Shift4Shop synchronise les données dans Klaviyo une fois par heure, de sorte que vous devriez voir les événements apparaître dans Klaviyo dans l'heure qui suit l'enregistrement de l'événement dans Shift4Shop.

Les données suivantes sont synchronisées à partir de Shift4Shop :

• Commande exécutée
• Produit commandé
• Commande passée
• Début de l'encaissement

Commande exécutée

Cet événement est suivi lorsqu'un client termine le processus de paiement et crée une commande dans votre magasin Shift4Shop. Il contient toutes les informations sur les articles achetés, y compris les noms des produits, les images et les informations sur les variations, à utiliser dans les e-mails de suivi des achats. Vous pouvez filtrer et cibler les événements de commande exécutée en fonction des critères suivants :

• Articles : les noms des produits dans la commande d'une personne, par exemple un t-shirt ou un pantalon.
• Catégories : l'ensemble complet des catégories de produits dans la commande d'une personne, par exemple, t-shirts, hommes, pantalons et soldes.

Produit commandé

Cette mesure est suivie lorsqu'un client passe sa commande et suit un événement pour chaque article acheté. Par exemple, si quelqu'un achète un t-shirt et un pantalon, deux événements Produit commandé sont créés, l'un pour le t-shirt et l'autre pour le pantalon.

L'événement Produit commandé contient des informations détaillées sur chaque produit acheté par une personne. Ceci est utile pour créer des segments comportementaux basés sur les options de variation du produit et d'autres informations détaillées qui ne sont pas disponibles dans l'événement Commande passée. Vous pouvez filtrer et cibler les événements relatifs aux produits commandés en fonction des critères suivants :

• Nom : le nom ou le titre du produit dans Shift4Shop, par exemple, un t-shirt ou un pantalon.
• SKU : le SKU de la variation du produit, par exemple REDMEDIUMTSHIRT
• Catégories : l'ensemble des catégories du produit, par exemple, t-shirts, hommes et soldes.

Commande passée

Cet événement est suivi lorsqu'un client termine le processus de paiement et crée une commande dans votre magasin Shift4Shop. Il contient toutes les informations sur les articles achetés, y compris les noms des produits, les images et les informations sur les variations à utiliser dans les e-mails de suivi des achats. Vous pouvez filtrer et cibler les événements de commande passée en fonction des critères suivants :

• Articles : les noms des produits dans la commande d'une personne, par exemple un t-shirt ou un pantalon.
• Catégories : l'ensemble complet des catégories de produits dans la commande d'une personne, par exemple, t-shirts, hommes, pantalons et soldes.
• Nombre d'articles : le nombre d'articles dans la commande, par exemple 2

Note : Par défaut, Shift4Shop synchronise deux statuts pour les commandes passées : 2, 4

Début de l'encaissement

Cet événement est suivi lorsqu'un client saisit ses coordonnées et ses informations de livraison sur la page précédant la page de paiement dans le processus de paiement de Shift4Shop et qu'il clique sur Continuer. Il contient toutes les informations sur les articles du panier, y compris les noms des produits, les images et les informations sur les variations à utiliser dans vos e-mails sur les paniers abandonnés. Vous pouvez filtrer et cibler les événements Started Checkout en fonction des critères suivants :

• Articles : les noms des produits contenus dans le panier d'une personne, par exemple un t-shirt ou un pantalon.
• Catégories : l'ensemble complet des catégories de produits dans le panier d'une personne, par exemple, t-shirts, hommes, pantalons et soldes.

Données sur les clients

En plus des indicateurs que Klaviyo synchronise avec Shift4Shop, des propriétés sont également ajoutées à chaque profil Klaviyo. Vous pouvez utiliser ces propriétés dans les segments et dans les flux. Les propriétés intégrées suivantes de Klaviyo sont automatiquement synchronisées à partir de Shift4Shop :

• Courriel
• Prénom
• Nom de famille
• Ville
• État/Région
• Code postal
• Pays
• Numéro de téléphone

Résultats

Vous avez maintenant intégré Shift4Shop, activé le suivi sur site de Klaviyo et vérifié vos données synchronisées avec Shift4Shop. Désormais, vous pouvez consulter vos données Shift4Shop dans Klaviyo et personnaliser et cibler les e-mails en fonction des achats de chaque client et de l'activité du site web. 

Ressources complémentaires

• Démarrer avec le suivi sur site de Klaviyo
• Comment mettre à jour Klaviyo après avoir changé de plateforme de commerce électronique ?