Déclencher Shopify Flow lors de l'envoi du formulaire d'inscription

Une fois cette option activée, chaque fois qu’un compte client est créé ou mis à jour via un formulaire d’inscription, l’application envoie un événement à Shopify Flow, l’outil d’automatisation gratuit et sans code de Shopify. Vous pouvez ensuite créer un workflow dans Flow pour réagir à cet événement comme vous le souhaitez : prévenir votre équipe commerciale dans Slack, ajouter un tag ou classer le compte dans un segment, créer une tâche, synchroniser le compte avec un autre système, etc.

Note

Avant d’utiliser cette fonctionnalité, assurez-vous que votre formulaire est déjà connecté aux données clients Shopify. Consultez Intégrer le formulaire d’inscription aux données clients Shopify.

Étapes de gestion

1. Ouvrir les paramètres d’intégration du formulaire

   Dans l’application, cliquez sur Registration Form, ouvrez le formulaire voulu, puis cliquez sur l’onglet Integration et choisissez Shopify.

   

2. Activer le déclencheur Flow

   Activez Enable Shopify Flow trigger.

   

3. Enregistrer

   Cliquez sur Save.

Attention

Cette option n’est disponible que pour certains forfaits. Si Enable Shopify Flow trigger n’apparaît pas sous Integration > Shopify, vérifiez Settings > Pricing plan ou contactez l’assistance.

Créer un workflow dans Shopify Flow

1. Installer Shopify Flow

   Accédez à admin Shopify > Applications > Flow. L’application est gratuite et disponible avec tous les forfaits Shopify ; installez-la si ce n’est pas déjà fait.

2. Créer un workflow

   Cliquez sur Create workflow.

3. Choisir le déclencheur

   À l’étape du déclencheur, recherchez Sami Wholesale (affiché sous le nom “All-in-1 Wholesale B2B: Volume discount, b2b registration, tax”) et ouvrez-le. Sélectionnez ensuite le déclencheur nommé Sami B2B Wholesale Pricing, dont la description indique “Triggers when a customer is created or updated via a Wholesale registration form.”

   

4. Ajouter des actions

   Ajoutez les actions dont vous avez besoin : Flow propose des centaines d’actions intégrées, comme envoyer une notification, ajouter un tag, appeler un webhook, créer une branche selon une condition, etc.

5. Activer le workflow

   Cliquez sur Turn on.

Astuce

Résultat : désormais, chaque fois qu’un compte client est créé ou mis à jour via un formulaire pour lequel cette option est activée, le workflow s’exécute automatiquement, généralement dans les 2 minutes qui suivent l’envoi.

Données disponibles dans le workflow

Lorsque vous créez votre workflow, vous pouvez insérer les variables suivantes à n’importe quelle étape :

Variable	Description
Customer	Le client Shopify qui a été créé ou mis à jour : utilisez-le directement avec toute action liée aux clients (ajouter un tag, ajouter à un segment, envoyer un e-mail, etc.).
Form > Name	Le nom du formulaire d'inscription qui a été envoyé : pratique si vous avez plusieurs formulaires et souhaitez que le workflow se comporte différemment selon celui utilisé.
Registration customer > Data	Tout ce que la personne a rempli dans le formulaire (libellé et valeur du champ), regroupé dans une seule chaîne JSON. Voir ci-dessous pour la séparer en champs individuels.

Lire les champs individuels de « Registration customer > Data »

Les données du formulaire envoyé arrivent sous la forme d’une seule chaîne JSON (par exemple : {"Email": "[email protected]", "First Name": "John", "Company name": "ABC Co."}), tous les champs étant regroupés dans une seule variable. Pour les séparer en champs individuels utilisables plus loin dans le workflow, ajoutez une étape Run code juste après le déclencheur.

Étape 1 : ajouter l’action « Run code »

Dans votre workflow, cliquez sur Add action, puis recherchez et sélectionnez Run code.

Étape 2 : renseigner Input (requête GraphQL)

Dans la zone Input, collez :

{
  registrationCustomer {
    data
  }
}

Étape 3 : renseigner Function (JavaScript)

Dans la zone Function, collez :

export default function main({ registrationCustomer }) {
  const formData = JSON.parse(registrationCustomer.data);

  return {
    email: formData['Email'] || '',
    firstName: formData['First Name'] || '',
    companyName: formData['Company name'] || '',
  };
}

Note

Remplacez 'Email', 'First Name', 'Company name'… par le libellé exact du champ affiché dans votre formulaire (et non l’ID interne de l’élément).

Étape 4 : renseigner Output (type de retour)

Dans la zone Output, collez une déclaration de type correspondant à ce que vous avez renvoyé à l’étape 3 :

type Output {
  email: String!
  firstName: String!
  companyName: String!
}

Étape 5 : utiliser le résultat dans les étapes suivantes

Après l’enregistrement, cette étape Run code devient une nouvelle source de variables pour les actions suivantes : insérez email, firstName, companyName (ou les noms que vous avez choisis) dans le corps d’un e-mail, un message Slack, une condition, etc.

Attention

Run code de Shopify Flow exécute du JavaScript dans un bac à sable restreint (aucun appel d’API externe, aucune bibliothèque externe, limite d’exécution de 5 secondes) : utilisez-le uniquement pour remodeler les données, pas pour appeler directement un webhook. Pour appeler un webhook, utilisez l’action intégrée HTTP request de Flow dans une étape distincte.

Limite : l’Output d’une étape Run code ne permet de déclarer que des champs individuels (String, Int, Float, Boolean, ID, etc.) : il n’existe pas de type de retour « JSON » générique. Vous ne pouvez pas transmettre librement tout l’objet registrationCustomer.data ; vous devez déclarer chaque champ dont vous avez besoin (étapes 3 et 4) en utilisant le libellé exact de votre formulaire. Si vous ajoutez plus tard un champ à votre formulaire et souhaitez l’utiliser dans le workflow, revenez l’ajouter aussi à l’étape Run code.

Remarques

• L’application Shopify Flow doit être installée sur votre boutique (gratuite, disponible avec tous les forfaits Shopify).
• Une fois le formulaire envoyé, le workflow peut mettre jusqu’à quelques minutes à se déclencher : c’est normal, il ne s’agit pas d’une erreur.
• Cette fonctionnalité dépend du forfait de votre application ; si Enable Shopify Flow trigger n’apparaît pas, vérifiez votre forfait actuel ou contactez l’assistance.

Besoin d’aide ?

Si vous rencontrez la moindre difficulté en suivant ces étapes, n’hésitez pas à nous contacter rapidement à l’adresse e-mail [email protected].