Utilisation de l’éditeur de flux de travail dans Shopify Flow

L’éditeur de flux de travail est un outil qui vous permet de personnaliser et de modifier les fonctionnalités de vos flux de travail dans Shopify Flow. Il s’agit d’un canevas de type glisser-déposer qui vous permet d’ajouter, d’organiser et de concevoir vos flux de travail en ajoutant des étapes de différents types dans un format vertical, de haut en bas.

La première étape que vous pouvez ajouter à un flux de travail à l’aide de l’éditeur de flux de travail est toujours une étape de déclenchement. Après avoir ajouté le déclencheur du flux de travail, vous pouvez utiliser les icônes + pour ajouter les étapes de condition ou d’action qui se produiront ensuite dans la séquence du flux de travail. Des flèches relient les différentes étapes sur le canevas de l’éditeur de flux de travail et indiquent les étapes qui mènent directement à d’autres en fonction des conditions ou des actions entreprises.

Toutes les étapes doivent être connectées à au moins une autre étape du flux de travail pour fonctionner. Vous pouvez ajouter des étapes en dehors du flux de travail n’importe où sur le canevas de l’éditeur de flux de travail, mais les étapes ne seront pas impliquées dans le flux de travail, sauf si elles sont connectées à une autre étape par une flèche. Chaque étape ne peut avoir qu’une seule étape précédente. Par conséquent, la convergence de plusieurs branches du flux de travail en un seul chemin d’étape n’est pas prise en charge.

Vous pouvez configurer les détails des étapes de condition et d’action à l’aide du panneau de configuration situé sur le côté gauche de l’éditeur de flux de travail. Le panneau de configuration s’affiche uniquement lorsqu’une étape est sélectionnée.

Sur cette page

Ouvrir un flux de travail dans l’éditeur de flux de travail

Dans Shopify Flow, vous pouvez accéder à l’éditeur de flux de travail en créant un nouveau flux de travail, ou vous pouvez cliquer sur n’importe quel flux de travail existant, puis sur Modifier.

Étapes :

Depuis votre interface administrateur Shopify, allez à Applications > Flow.
Dans la section Flux de travail, effectuez l’une des actions suivantes :
- Pour ouvrir l’éditeur de flux de travail pour un nouveau flux de travail vide, cliquez sur Créer un flux de travail.
- Pour ouvrir l’éditeur de flux de travail pour un flux de travail existant, cliquez sur le flux de travail, puis sur Modifier.

Ajouter une étape à un flux de travail

Dans l’éditeur de flux de travail, vous pouvez ajouter une étape au canevas du flux de travail de l’une des manières suivantes :

Pointez sur n’importe quelle étape existante et cliquez sur l’icône + pour sélectionner une étape de condition ou d’action à ajouter comme connexion suivante dans le flux de travail.
- Les étapes de condition ont deux icônes + : une pour le chemin Vrai lorsque la condition est remplie, et une pour le chemin Faux lorsque la condition n’est pas remplie.
- L’étape d’action Boucle pour chaque (itérer) a également deux icônes + : une pour Répéter pour chaque article, qui vous permet de définir les étapes qui se produisent pour chaque article de la liste, et une pour Après le dernier article, qui vous permet de définir les étapes qui se produisent une fois que le dernier article de la liste est retourné.
Cliquez sur un espace vide n’importe où sur le canevas du flux de travail. S’il n’y a aucun déclencheur existant sur le canevas, le panneau de configuration affiche les options d’étape de déclenchement. S’il y a un déclencheur existant sur le canevas, le panneau de configuration affiche les options d’étape d’action.

Connecter les étapes d’un flux de travail

Toutes les étapes doivent être connectées à au moins une autre étape du flux de travail pour fonctionner. L’éditeur de flux de travail indique les étapes qui sont connectées les unes aux autres à l’aide de flèches directionnelles. Par défaut, les flux de travail s’affichent verticalement de haut en bas sur le canevas.

Lorsque vous ajoutez une étape au flux de travail à partir d’une autre étape à l’aide de l’icône +, la nouvelle étape se connecte automatiquement à l’étape précédente. Vous pouvez également créer manuellement une connexion entre les étapes en cliquant sur le + de la première étape, en le maintenant enfoncé et en faisant glisser l’extrémité de la flèche vers la deuxième étape. Chaque étape ne peut avoir qu’une seule connexion à une étape précédente. Par conséquent, la convergence de plusieurs branches du flux de travail en un seul chemin d’étape n’est pas prise en charge.

Vous pouvez supprimer une connexion entre des étapes en pointant sur la flèche que vous souhaitez supprimer, puis en cliquant sur l’icône .

Image de l’éditeur de flux de travail de Shopify Flow, avec un flux de travail en cours. Deux connexions du chemin « Vrai » d’une étape de conditions sont mises en surbrillance, chacune pointant vers une étape d’actions différente en dessous. L’option de suppression de la connexion la plus à droite s’affiche avec une icône de corbeille.

Organiser les étapes sur le canevas du flux de travail

Vous pouvez utiliser le canevas de type glisser-déposer de l’éditeur de flux de travail pour organiser manuellement l’affichage de votre flux de travail. Cela vous permet de suivre plus facilement votre flux de travail au fur et à mesure que vous le créez. Par défaut, les étapes se connectent les unes aux autres dans un format de haut en bas, mais vous pouvez glisser-déposer des étapes n’importe où sur le canevas sans rompre les connexions par flèche entre les étapes.

Vous pouvez déplacer plusieurs étapes à la fois en maintenant la touche Maj de votre clavier enfoncée, puis en cliquant sur les étapes que vous souhaitez sélectionner en tant que groupe. Cliquez sur n’importe quelle étape de la zone de groupe grise et faites-la glisser pour déplacer les étapes incluses en bloc.

Vous pouvez réinitialiser automatiquement la mise en page de votre flux de travail avec l’espacement par défaut entre les étapes pour faciliter sa consultation. Cliquez sur l’icône , puis cliquez sur Organiser le flux de travail pour confirmer la réinitialisation.

Supprimer une étape d’un flux de travail

Dans l’éditeur de flux de travail, vous pouvez supprimer une étape du flux de travail en pointant sur celle que vous souhaitez supprimer, puis en cliquant sur l’icône à côté de l’étape. La suppression d’une étape est irréversible.

Vous pouvez supprimer plusieurs étapes à la fois en maintenant la touche Maj de votre clavier enfoncée, puis en cliquant sur les étapes que vous souhaitez sélectionner en tant que groupe. Cliquez sur l’icône au-dessus de la zone de groupe grise pour supprimer les étapes en bloc.

Si vous supprimez une étape à laquelle d’autres étapes sont connectées, ces dernières restent sur le canevas du flux de travail, mais sont déconnectées des étapes précédentes. Vous devez reconnecter manuellement les étapes déconnectées pour continuer à les utiliser dans le flux de travail.

Image des icônes de la barre d’outils d’affichage dans l’éditeur de flux de travail de Shopify Flow.

En bas de l’éditeur de flux de travail, vous pouvez cliquer sur l’une des icônes suivantes dans la barre d’outils d’affichage :

Utilisez ou pour effectuer un zoom arrière ou avant sur le flux de travail.
Utilisez pour centrer votre flux de travail au milieu du canevas visible, au niveau de zoom qui affiche l’intégralité du flux de travail.
Utilisez pour lancer la documentation du Centre d’aide de Shopify Flow dans un nouvel onglet de navigateur.
Utilisez pour organiser la mise en page de votre flux de travail.

Utilisation du panneau de configuration de l’étape dans l’éditeur de flux de travail

Lorsque vous sélectionnez une étape, le panneau de configuration s’affiche sur le côté gauche de l’éditeur de flux de travail. Le panneau de configuration contient les détails de l’étape et c’est là que vous pouvez personnaliser la fonctionnalité d’étapes spécifiques, par exemple en définissant des variables, en attribuant des opérateurs logiques ou en ajoutant des informations d’action personnalisées en fonction de ce que vous voulez que l’étape fasse.

Les options qui s’affichent dans le panneau de configuration sont directement liées au type d’étape que vous sélectionnez.

Image de l’éditeur de flux de travail de Shopify Flow, avec un flux de travail en cours. Le panneau de configuration pour une étape de condition est sélectionné et mis en surbrillance dans l’image.

Ajout ou modification de la description d’une étape

Vous pouvez modifier la description de n’importe quelle étape de condition ou d’action depuis le panneau de configuration. Cliquez sur Ajouter une description ou Modifier la description et saisissez une description de l’étape avec vos propres mots. Cela peut vous aider, vous et vos employés, à interpréter ce que fait le flux de travail en fonction de votre propre description. Vous pouvez supprimer tout le texte du champ de description pour réinitialiser la description de l’étape.

Vérification d’une étape pour le contenu de configuration manquant

Si des données ou des détails de configuration qui ont un impact sur sa capacité à fonctionner sont manquants dans une étape, une bannière À vérifier s’affiche en haut de l’étape. Cliquez sur l’étape pour ouvrir son panneau de configuration et ajoutez les données manquantes pour supprimer la bannière À vérifier. À moins qu’un champ ne soit indiqué comme étant facultatif, il doit être rempli pour que l’étape soit considérée comme entièrement configurée.

Les étapes affichent également une bannière À vérifier lorsqu’elles ne sont connectées à aucune autre étape. Vous devez connecter l’étape à une autre étape du flux de travail avant de pouvoir continuer à configurer les détails de l’étape.

Image d’une étape d’action « Ajouter des balises de commande » de Shopify Flow. L’étape affiche une bannière bleue « À vérifier » et sa description indique : « ajouter les balises de commande suivantes : vide ».

Si une bannière À vérifier n’est pas résolue avant la tentative d’activation du flux de travail, l’étape s’affiche comme une erreur et le flux de travail ne s’active pas. Vous devez résoudre toutes les erreurs de configuration d’un flux de travail avant de pouvoir l’activer.

Utilisation de la boîte de dialogue « Ajouter une variable »

Dans le panneau de configuration de l’étape, certains champs ont une option Ajouter une variable pour ajouter une variable au contenu de la configuration. Les jeux de données qui sont affichés dans la boîte de dialogue Ajouter une variable dépendent des données renvoyées par les étapes précédentes du flux de travail. Par exemple, par défaut, la boîte de dialogue Ajouter une variable s’affiche avec les options suivantes :

Une barre de recherche pour rechercher des variables par nom ou par description.
Les jeux de données de variables par défaut renvoyés par le déclencheur du flux de travail, qui incluent généralement les options suivantes :
- les variables shop, qui sont globales à votre boutique.
- Au moins 1 autre type, en fonction du déclencheur du flux de travail.

Image d’une boîte de dialogue « Ajouter une variable » de Shopify Flow. Le déclencheur d’exemple affiché est le déclencheur « Commande créée », et les deux jeux de données disponibles dans la boîte de dialogue sont « commande » et « boutique ».

Cependant, si vous ajoutez des étapes au flux de travail qui renvoient des données supplémentaires, telles que des actions Obtenir les données ou Exécuter le code, des jeux de données de variables supplémentaires s’affichent dans la boîte de dialogue que vous pourrez sélectionner pour toute étape ultérieure de la branche du flux de travail, car les données supplémentaires sont maintenant disponibles à ce stade du flux de travail. Les données renvoyées les plus récentes s’affichent en premier.

Image d’une boîte de dialogue « Ajouter une variable » de Shopify Flow avec des options de jeu de données supplémentaires. Il existe 3 sources de données disponibles affichées : « Exécuter le code », qui renvoie les données runCode ; « Obtenir les données client », qui renvoie les données getCustomerData ; « Commande créée », qui renvoie les données de la commande et de la boutique.

Vous pouvez accéder à des variables spécifiques en cliquant sur les différentes options de variables. Certaines variables ont des options imbriquées et sont accompagnées d’un > pour indiquer qu’il existe des sous-options dans ce chemin d’API de variable. Lorsque vous avez atteint la fin d’un chemin d’API de variable, la variable n’a pas d’option > et affiche un badge de type de contenu de variable, tel que String, Boolean, DateTime ou Int, pour indiquer le type d’informations renvoyées par la variable.