Récupérer la dernière vente d'un site Shopify

Temps de lecture : 4 minutes

Si vous avez une boutique Shopify et que vous souhaitez afficher les dernières conversions ou le nombre de conversions de certains produits que vous vendez sur votre boutique Shopify ce guide devrait vous y aider.


La connexion de Shopify à Digi-Boutik est un processus simple mais peut être assez déroutant pour quelqu'un qui n'a jamais utilisé de Webhooks/points de rappel/crochets web.

Il faut d'abord comprendre le déroulement des opérations. Voici ce qui va se passer pour que cela fonctionne :

  1. Une commande Shopify est réalisée/payée
  2. Shopify envoie un "message" à Digi-Boutik avec les détails de la commande
  3. Digi-Boutik reçoit, analyse et stocke le "message" de Shopify
  4. Puis la notification créée sur la plateforme Digi-Boutik affichera la dernière conversion qui a eu lieu sur Shopify.


Voici à quoi cela ressemblera :

 

Prérequis

Tout d'abord, vous devez vous assurer que les étapes suivantes ont déjà été réalisées :

  1. Vous avez installé le pixel Digi-Boutik sur votre boutique Shopify et vous êtes savez lancer une campagne/notification
  2. Vous avez correctement créé votre première campagne pour votre site web et avez installé le code pixel sur votre site web.
  3. Vous avez une boutique Shopify qui fonctionne (avec des produits à vendre)

a) Mise en place

Comme indiqué ci-dessus, nous partons du point où vous avez déjà installé Digi-Boutik sur votre site et où une campagne est prête avec le code pixel installé sur le site Shopify.

Pour ce tutoriel, nous utilisons l'installation de la démo de Digi-Boutik et une boutique Shopify de test.

b) Créer la notification

  1. Sur Digi-Boutik, allez sur la page de la campagne que vous avez préparé
  2. Cliquez sur le bouton "Créer une notification" pour la campagne sélectionnée
  3. Remplissez le nom de votre nouvelle notification (exemple "Dernière vente") et sélectionnez le type "Dernière conversion" ou "Compteur de conversions" et lancez la création par le bouton en bas de page.
  4. Assurez-vous que la notification est activée (petit sélecteur à cocher) !

c) Configurer Shopify

Assurez-vous que vous êtes bien connecté à votre boutique Shopify avant tout et ensuite :

À partir de la page d'administration de Shopify, allez dans Paramètres et accédez ensuite à Notifications :

Faites défiler vers le bas jusqu'à la section Webhooks, puis cliquez sur le bouton Créer un webhook.

Vous devez maintenant ouvrir en parallèle la page de gestion de la notification fraîchement créée avec Digi-Boutik dans l'onglet Données :

 

Maintenant, assurez-vous de copier l'URL du déclencheur de webhook qui est mis en évidence dans l'image ci-dessus.

Retournez sur la boutique Shopify et collez-le dans le champ URL :

Vous pouvez maintenant sélectionner l'événement du Webhook. Plus précisément, à quel moment Shopify doit déclencher l'exécution du webhook.

Dans mon cas, j'ai choisi "Paiement d'une commande" parce que nous voulons suivre les derniers paiements de commandes avec Digi-Boutik.

Veillez à sélectionner le format JSON et cliquez sur "Enregistrer le webhook".

Cela devrait ressembler à ceci :

Comme vous pouvez le voir, maintenant que vous avez mis en place ce webhook, vous pouvez également le tester.

Cliquez sur le bouton "Envoyer la notification de test" maintenant.

Maintenant, si nous retournons à la notification de SocialProofo et que nous accédons à la page des données, nous verrons quelque chose comme ceci :

Vous pourrez voir qu'une nouvelle "Conversion" est enregistrée dans Digi-Boutik et si vous cliquez sur "Développer", vous pourrez voir encore plus de détails et les variables capturées, que vous pouvez utiliser dans le titre ou la description de la notification.

Maintenant, vous pouvez aller dans les Paramètres de la notification et configurer votre notification comme vous le souhaitez, voici comment je l'ai moi-même configurée :

Vous pouvez voir que le Titre utilise la variable {email} des données de conversion et également que la Description utilise la variable {total_price}.

Voici le résultat final, comme nous le voulions :

 

Vous pouvez clairement voir que la notification utilise les variables de la dernière conversion enregistrée maintenant.

J'espère que vous avez trouvé ce tutoriel utile, gardez à l'esprit qu'il s'agit juste d'un test et que d'autres configurations peuvent être faites, qui sont totalement à votre disposition !

Mise à jour le : 30 Avril, 2020