Déclencheurs de boutique en ligne, étape par étape

Déclencheurs de boutique en ligne, étape par étape

Copier la page

Déclenchez des workflows Shopify Flow depuis la boutique en ligne : panier, paiement, recherche, rupture de stock, exemples étape par étape.

Ces déclencheurs dépendent des actions effectuées par un client sur votre boutique en ligne, et non d'une modification apportée à votre espace d'administration. L'application les recueille à l'aide d'un Pixel web qu'elle installe pour vous dès l'activation du premier déclencheur.

Lisez d'abord l'article Déclencheurs de Storefront : il explique la notion de consentement, le volume de données, ainsi que ce que le pixel envoie et ce qu'il n'envoie pas. Chaque événement est pris en compte dans votre forfait, et une boutique très fréquentée génère plus de consultations de produits en une journée qu'il n'y a de mises à jour de commandes en un an.

Sur cette page : Fiche produit consultée, Collection consultée, Produit ajouté au panier, Produit retiré du panier, Panier consulté, Processus de paiement lancé, Recherche effectuée, Recherche n'a donné aucun résultat, Variante en rupture de stock consultée, Client connecté ayant visité le site, Acheteur B2B ayant consulté, Déclencheur de boutique en ligne personnalisé

Shopify Flow
Où les trouver : dans Shopify Flow, sélectionnez « Select a trigger », ouvrez Workflow Trigger Extensions et recherchez « Boutique en ligne ».

Produit consulté dans la boutique en ligne

Se déclenche lorsqu'un client ouvre la page d'un produit. Il contient le produit en référence ainsi que la variante qui a été affichée, avec la référence produit (SKU) et le prix.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données relatives aux produits, aux variantes et aux collections
Allumé L'activation d'un workflow Shopify Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Évaluez l'intérêt suscité par un produit afin d'orienter les achats ou la mise en rayon.
  • Importez les données de consultation dans un outil de recommandation ou d'analyse qui ne dispose pas d'une intégration àShopify.

Ce que l'événement « Produit consulté dans la boutique en ligne » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
product Produit (Shopify) Le produit qui a été consulté. Il s'agit d'un produit Shopify complet ; tous ses champs ainsi que les actions propres à Shopify Flow relatives à ce produit sont donc disponibles.
viewedVariant Objet La variante présentée, avec sa référence et son prix
viewedVariant.variantId ID
viewedVariant.variantTitle Texte
viewedVariant.sku Texte
viewedVariant.price Argent (montant, codeDevise)
viewedVariant.vendor Texte
viewedVariant.productType Texte
viewedVariant.productUrl Texte
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : compter le nombre de vues dans un métachamp de produit

  1. Sélectionnez « Produit consulté sur la boutique en ligne » comme déclencheur.
  2. Ajoutez un code d'exécution qui lit la valeur actuelle du métachamp du produit custom.view_count issu de la référence product et qui renvoie cette valeur majorée d'un.
  3. Ajoutez la mise à jour du métachamp du produit avec le nombre renvoyé.
  4. Activez le workflow.

Collection « Boutique en ligne » consultée

Se déclenche lorsqu'un client ouvre la page d'une collection. Il contient l'identifiant et le titre de la collection.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne
Allumé L'activation d'un workflow Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Découvrez quelles collections de campagnes génèrent du trafic.
  • Transmettez les vues de collecte à un point de terminaison d'analyse externe.

Ce que la fonctionnalité « Collection consultée sur la boutique en ligne » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
collection Objet La collection qui a été consultée
collection.id ID
collection.title Texte
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : aperçus d'une collection de campagne

  1. Sélectionnez « Collection en vitrine » comme déclencheur.
  2. Ajouter une condition : collection.title **est égal à « **Summer Sale ».
  3. Ajoutez une requête HTTP à votre point de terminaison d'analyse.
  4. Activez le workflow.

Produit de la boutique en ligne ajouté au panier

Se déclenche lorsqu'un client ajoute un article à son panier. Il contient le produit, la variante, la quantité et le montant total de la ligne.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données relatives aux produits, aux variantes et aux collections
Allumé L'activation d'un workflow Flow qui l'utilise permet de l'activer. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Repérez rapidement les quantités anormalement importantes, par exemple un acheteur B2B sur la boutique grand public.
  • Suivre les ajouts au panier pour les produits en cours de test.

Ce que l'événement « Produit ajouté au panier » de la boutique en ligne transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
product Produit (Shopify) Le produit qui a été ajouté. Il s'agit d'un produit Shopify complet ; tous ses champs ainsi que les actions propres à Shopify Flow relatives à ce produit sont donc disponibles.
cartLineEvent Objet La variante, la quantité et le total de la ligne
cartLineEvent.variantId ID
cartLineEvent.variantTitle Texte
cartLineEvent.sku Texte
cartLineEvent.quantity Nombre
cartLineEvent.lineTotal Argent (montant, codeDevise)
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : signaler aux commerciaux les commandes en gros

  1. Sélectionnez « Produit de la boutique en ligne ajouté au panier » comme déclencheur.
  2. Ajouter une condition : cartLineEvent.quantity est supérieur à 20.
  3. Ajoutez l'adresse e-mail interne suivante : {{cartLineEvent.quantity}} x {{product.title}} / {{cartLineEvent.variantTitle}} was added to a cart.
  4. Activez le workflow.

Produit de la boutique en ligne retiré du panier

Se déclenche lorsqu'un client retire un article de son panier.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données relatives aux produits, aux variantes et aux collections
Allumé L'activation d'un workflow Shopify Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Repérez les produits qui sont ajoutés puis retirés avec une fréquence inhabituelle : cela peut indiquer un problème de prix, de livraison ou de variante.

Ce que l'événement « Produit retiré du panier » de la boutique en ligne transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
product Produit (Shopify) Le produit qui a été supprimé. Il s'agit d'un produit Shopify complet ; tous ses champs ainsi que les actions propres à Shopify Flow sont donc disponibles.
cartLineEvent Objet La variante, la quantité et le total de la ligne
cartLineEvent.variantId ID
cartLineEvent.variantTitle Texte
cartLineEvent.sku Texte
cartLineEvent.quantity Nombre
cartLineEvent.lineTotal Argent (montant, codeDevise)
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : suppression des entrées de journal pour un produit en cours de test

  1. Sélectionnez « Produit de la boutique en ligne retiré du panier » comme déclencheur.
  2. Ajouter une condition : product.tags **comprend « **watch ».
  3. Ajoutez une requête HTTP vers une feuille de calcul ou un point de terminaison Analytics à l'aide de {{product.title}} et {{cartLineEvent.sku}}.
  4. Activez le workflow.

Panier consulté sur la boutique en ligne

Se déclenche lorsqu'un client ouvre la page du panier (/cart). Il contient l'identifiant du panier, le nombre d'articles et le montant total.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne
Allumé L'activation d'un workflow Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Soyez attentifs aux caddies contenant des articles de grande valeur.

Ce que l'événement « Boutique en ligne Cart Viewed » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
cartSnapshot Objet Le contenu du panier au moment où il a été consulté
cartSnapshot.cartId ID
cartSnapshot.totalQuantity Nombre
cartSnapshot.total Argent (montant, codeDevise)
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : alerte en cas de panier d'une valeur supérieure à 1 000

  1. Sélectionnez « Page de la boutique en ligne du panier » comme déclencheur.
  2. Ajoutez un code d'exécution renvoyant la valeur big: Number(input.cartSnapshot.total.amount) > 1000, car les montants sont fournis sous forme de texte.
  3. Ajoutez une condition sur big, puis envoyez un e-mail interne.
  4. Activez le workflow.

Lancement du processus de paiement en boutique en ligne

Se déclenche lorsqu'un client accède à la page de paiement - dès le début, et non lorsqu'il l'abandonne.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne
Allumé L'activation d'un workflow Shopify Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Le suivi des commandes commence dès la finalisation de celles-ci.
  • Repérez les paiements de très gros montants dès qu’ils ont lieu.

Ce que « Storefront Checkout Started » envoie à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
checkoutSnapshot Objet Le jeton de paiement, le nombre de lignes et le montant total
checkoutSnapshot.checkoutToken Texte
checkoutSnapshot.lineItemCount Nombre
checkoutSnapshot.total Argent (montant, codeDevise)
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : alerte en cas de paiement important

  1. Sélectionnez « Début du processus de paiement en boutique en ligne » comme déclencheur.
  2. Ajouter une condition : checkoutSnapshot.lineItemCount est supérieur à 15.
  3. Ajouter : « Envoyer un e-mail interne avec {{checkoutSnapshot.total.amount}} {{checkoutSnapshot.total.currencyCode}} ».
  4. Activez le workflow.

Recherche dans la boutique en ligne

Se déclenche lorsqu'une recherche dans la boutique en ligne donne au moins un résultat. Il contient le terme recherché, le nombre de résultats, jusqu'à dix résultats correspondants et le premier résultat en tant que référence produit.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données relatives aux produits, aux variantes et aux collections
Allumé L'activation d'un workflow Flow qui l'utilise le met en marche. Son propre bouton se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Découvrez ce que les acheteurs recherchent et ce qui leur est présenté en premier.
  • Vérifiez que les termes importants renvoient bien au bon produit.

Ce que la boutique en ligne transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
product Produit (Shopify) Le premier produit renvoyé par la recherche, sous la forme d'un produit complet à partir duquel vous pouvez créer des branches. Il s'agit d'un produit Shopify complet ; tous ses champs ainsi que les actions propres au produit de Shopify Flow sont donc disponibles.
storefrontSearch Objet Le terme recherché, le nombre de résultats et jusqu'à 10 résultats, dont le premier
storefrontSearch.query Texte Le terme saisi par l'acheteur.
storefrontSearch.resultCount Nombre Nombre de variantes de produit renvoyées par la recherche.
storefrontSearch.results Liste des objets Les résultats, classés par ordre de pertinence décroissante, sont limités à 10 afin de réduire la taille du payload.
storefrontSearch.results (each).productId ID
storefrontSearch.results (each).title Texte
storefrontSearch.results (each).vendor Texte
storefrontSearch.results (each).url Texte
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : Vérifiez ce qui s'affiche en premier lorsque vous effectuez une recherche à partir d'un mot-clé

  1. Sélectionnez « Recherche dans la boutique en ligne » comme déclencheur.
  2. Ajouter une condition : storefrontSearch.query **inclut « **gift card ».
  3. Ajoutez une deuxième condition : product.title ne contient pas Gift Card, puis envoyez un e-mail interne : la première occurrence de {{storefrontSearch.query}} était {{product.title}}.
  4. Activez le workflow.

La recherche dans la boutique en ligne n'a donné aucun résultat

S'affiche lorsqu'une recherche dans une boutique en ligne ne donne aucun résultat. Il s'agit d'une liste des articles que les clients s'attendaient à ce que vous vendiez, ou des mots que votre moteur de recherche ne comprend pas.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne
Allumé L'activation d'un workflow Shopify Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Recueillez les produits manquants et leurs synonymes.
  • Repérez un dysfonctionnement de la recherche après un changement de thème ou d'application : une augmentation soudaine en est le signe.

Ce que la fonction « Recherche dans la boutique en ligne » renvoie à votre workflow lorsqu’elle ne donne aucun résultat

Variable de Shopify Flow Type Ce qu'il contient
searchQuery Objet Le terme recherché et le nombre de résultats correspondants
searchQuery.query Texte
searchQuery.resultCount Nombre
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : regrouper les recherches sans résultat dans une feuille

  1. Sélectionnez « Recherche dans la boutique en ligne : aucun résultat » comme déclencheur.
  2. Ajoutez une requête HTTP à un webhook Google Sheets ou Airtable à l'aide d'{{searchQuery.query}}.
  3. Consultez cette fiche chaque semaine : ajoutez des synonymes ou des redirections dans l’application « Search & Discovery » d’Shopify, ou intégrez à votre catalogue ce que les utilisateurs demandent.
  4. Activez le workflow.

Variante en rupture de stock consultée

Ce signal se déclenche lorsqu'un client accède à la page d'un produit dont la variante affichée est en rupture de stock dans tous les emplacements. Il s'agit d'un indicateur de demande : quelqu'un souhaitait acheter un article que vous n'avez pas pu lui vendre.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données de stock + accès aux données relatives aux produits, aux variantes et aux collections
Allumé L'activation d'un workflow Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Donnez la priorité aux réapprovisionnements en fonction de la demande réelle.
  • Balise les produits pour une campagne de retour en stock.

Ce que l'événement « Variante en rupture de stock consultée » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
product Produit (Shopify) Le produit auquel appartient la variante en rupture de stock. Il s'agit d'un produit Shopify complet ; par conséquent, tous ses champs ainsi que les actions propres au produit dans Shopify Flow sont disponibles.
outOfStockVariant Objet La variante et sa quantité disponible
outOfStockVariant.variantId ID
outOfStockVariant.variantTitle Texte
outOfStockVariant.sku Texte
outOfStockVariant.availableQuantity Nombre
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : ajoutez une balise aux produits en rupture de stock que les clients continuent de consulter

  1. Sélectionnez la variante en rupture de stock considérée comme le déclencheur.
  2. Ajoutez des balises de produit à l'aide de restock-demand.
  3. Ajoutez « Envoyer un e-mail interne au service des achats : {{product.title}} / {{outOfStockVariant.variantTitle}} ({{outOfStockVariant.sku}}) was viewed while sold out ».
  4. Activez le workflow.

Visite d'un client connecté

Ce compteur s'active lorsqu'un client connecté se trouve sur la page d'accueil de votre boutique en ligne. Les consultations répétées d'une même page sont regroupées en une seule visite par client au cours d'une période que vous définissez, allant de chaque visite à une fois par mois.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne + accès aux données clients
Allumé L'activation d'un workflow Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Veuillez informer un chargé de compte qu'un client important est de retour.
  • Mettez en place une démarche de réengagement pour les clients qui reviennent après une longue période d'inactivité.

Ce que le paramètre « Client connecté visité » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
customer Client (Shopify) Le client connecté, avec son dossier complet pour la création de branches. Il s'agit d'un client Shopify complet ; ainsi, tous ses champs ainsi que les actions propres au client dans Shopify Flow sont disponibles.
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : Informez le responsable de compte qu'un client VIP est en train de consulter le site

  1. Dans l'application, ouvrez l'icône des paramètres située à côté de « Visite d'un client connecté » et sélectionnez la fréquence des visites, par exemple une fois par jour.
  2. Sélectionnez « Client connecté ayant visité le site » dans Shopify Flow.
  3. Ajouter une condition : customer.tags **inclut « **vip ».
  4. Ajoutez l'option « Envoyer un e-mail interne » avec l'{{customer.displayName}}.
  5. Activez le workflow.

Visite d'un acheteur B2B

Ce rapport s'affiche lorsqu'un acheteur B2B connecté se trouve sur votre boutique en ligne, en indiquant le nom de l'entreprise et son emplacement pour lesquels il effectue ses achats. Les visites sont regroupées par entreprise au cours de la période que vous sélectionnez.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux données relatives aux entreprises et à leur emplacement (B2B) + Accès aux données sur le comportement en boutique en ligne
Allumé L'activation d'un workflow Shopify Flow qui l'utilise le met en marche. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Prévenez le commercial d'une entreprise lorsque ses acheteurs sont actifs.
  • Mesurez la fréquence à laquelle les clients grossistes reviennent.

Ce que « B2B Buyer Visited » transmet à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
purchasingCompany Objet L'entreprise et l'emplacement pour lesquels l'acheteur effectue son achat
purchasingCompany.companyId ID
purchasingCompany.companyName Texte
purchasingCompany.companyLocationId ID
purchasingCompany.companyLocationName Texte
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : avertir le commercial lorsqu'un acheteur d'une entreprise est actif

  1. Définissez la plage horaire de visite à l'aide de l'icône des paramètres située à côté de « Visite d'un acheteur B2B » dans l'application.
  2. Sélectionnez « Acheteur B2B ayant consulté le site » dans Shopify Flow.
  3. Ajoutez l'adresse e-mail interne suivante : A buyer of {{purchasingCompany.companyName}} ({{purchasingCompany.companyLocationName}}) is on the store.
  4. Activez le workflow.

Déclencheur personnalisé de la boutique en ligne

Ce déclencheur s'active lorsque votre thème publie un événement que vous avez défini : l'ouverture du menu déroulant du panier, l'utilisation d'un guide des tailles, la fin d'un quiz. Vous créez le déclencheur dans l'application, vous lui attribuez un nom d'événement, puis vous publiez ce nom depuis votre thème à l'aide d'une seule ligne de code JavaScript.

Incendies provenant de Le pixel de la boutique en ligne de l'application, dans le navigateur de l'acheteur
Autorisation Accès aux fonctionnalités de la boutique en ligne
Allumé L'activation d'un workflow Flow qui l'utilise permet de l'activer. Son propre commutateur se trouve sur la page « Déclencheurs » de l'application.

Utilisez-le pour

  • Tout ce qu'Shopify ne prend pas en charge : les menus déroulants, les fenêtres modales, les sélecteurs de variantes, les configurateurs.
  • Transférez vos propres données et utilisez-les dans Shopify Flow.

Ce que le déclencheur « Custom Storefront » envoie à votre workflow

Variable de Shopify Flow Type Ce qu'il contient
eventName Texte Le nom de l'événement que vous avez publié, par exemple « cart_drawer_opened ». Utilisez ce critère de filtrage pour que l'événement ne se déclenche que pour l'un d'entre eux.
triggerName Texte Le nom que vous avez donné à ce déclencheur de boutique en ligne.
output Objet Les données que vous avez publiées avec l'événement, une fois votre code de transformation exécuté.
output.fields Liste des objets Chaque clé, dans l'ordre où elle a été définie.
output.fields (each).key Texte La clé, telle qu'elle a été publiée ou renvoyée par la transformation (par exemple « itemCount »).
output.fields (each).value Texte La valeur, convertie en chaîne de caractères. Les objets et les tableaux sont fournis sous forme de texte JSON.
output.json Texte L'intégralité de la charge utile au format JSON, pour les marchands qui préfèrent l'analyser en une seule fois.
eventId Texte L'identifiant de cet événement. Recherchez-le dans l'historique des événements de l'application pour voir exactement ce qui a été envoyé.

Exemple : Réaction à un quiz sur un produit fini

  1. Dans l'application, ouvrez la section « Déclencheurs », créez un « Déclencheur de boutique en ligne personnalisé » et attribuez-lui le nom d'événement quiz_completed. Copiez l'extrait de code qui s'affiche.
  2. Dans votre thème, appelez le snippet à la fin du quiz et transmettez-lui le résultat, par exemple { result: "dry-skin" }.
  3. Dans Shopify Flow, sélectionnez « Déclencheur de boutique en ligne personnalisé » et ajoutez une condition : eventName **est égal à « **quiz_completed ».
  4. Lisez vos données à partir de output.fields (paires clé-valeur) ou analysez le contenu de output.json dans une étape « Exécuter le code ».
  5. Activez le workflow.

Prochaines étapes

Tous ont besoin d'un accès aux comportements de la boutique en ligne. Ceux qui proposent un produit ont également besoin d'un accès aux données produit ; le profil « Client connecté ayant visité le site » a également besoin d'un accès aux données client, et le profil « Acheteur B2B ayant visité le site » a également besoin d'un accès aux données de l'entreprise.