Comment connecter Make à Workflow Webhooks

Présentation des cas d'utilisation

Cette configuration relie votre workflow de courriels post-achat dans MAKE à Workflow Webhooks, ce qui vous permet de collecter les coordonnées des clients en vue d'un audit SEO mensuel et de les transmettre à Shopify Flow.

Dans cet exemple, le client reçoit un e-mail contenant un formulaire d'enquête (nous utilisons Google Form, qui ajoute une entrée dans la feuille de calcul Google) lui demandant :

Quelle est l'URL de votre boutique Shopify ?
Quel est votre plus grand défi en matière de référencement naturel (SEO) à l'heure actuelle ? Voici les options proposées : slow traffic growth, poor product rankings, thin content, technical errors
Depuis combien de temps gérez-vous votre boutique ? Voici les options proposées : less than 6 months, 6–12 months, 1–3 years, 3+ years
L'adresse e-mail utilisée pour passer une commande dans la boutique ?

Lorsque le client valide le formulaire, MAKE envoie les réponses à votre point de terminaison Workflow Webhooks. Shopify Flow peut alors attribuer une balise au client et ajouter une note afin que votre équipe SEO puisse immédiatement prendre connaissance du contexte dans l'interface d'administration de Shopify.

Fonctionnement du workflow

Une fois que le client a validé le formulaire dans votre flux d'e-mails, les données sont ajoutées dans la feuille de calcul ; à partir de là, MAKE transmet ces données au webhook Workflow Webhooks, et ce dernier envoie cette charge utile à l'adresse Shopify Flow :

perl

{
  "name": "Saad",
  "email": "customer@example.com",
  "store_url": "mystore.myshopify.com",
  "challenge_and_store_age": "thin Content | 1-3 years"
}

Votre workflow sur Shopify Flow se présente donc comme suit :

ajoute la balise client seo-audit-pending
ajoute une note client contenant l'URL de la boutique et le défi en matière de référencement naturel

Cela permet à votre équipe d’ouvrir facilement la fiche client dans l’interface d’administration de Shopify et de voir ce qui nécessite une attention particulière avant le début de l’audit.

Guide vidéo

Vous trouverez ici la vidéo présentant l'ensemble du montage ; cette vidéo est muette. Vous pouvez augmenter ou réduire la vitesse de lecture de la vidéo selon vos besoins.

Finalement, lorsque j'ai soumis le formulaire, le déclencheur ne fonctionnait pas dans le MAKE ; j'ai donc relancé l'événement existant. Nous avons également rencontré une erreur dans Shopify Flow, concernant l'identifiant client dans l'étape (ajouter une balise au client), que j'ai également corrigée.

Avant de commencer

Installez et activez « Workflow Webhooks » dans votre boutique Shopify.
Préparez un workflow Shopify Flow, ou créez-en un nouveau sur Shopify Flow.
Créez votre formulaire de saisie dans l'outil qui alimente votre workflow MAKE. J'utilise Google Formulaires : une fois que le formulaire est envoyé, une entrée est créée dans les feuilles de calcul Google. données issues du formulaire Google dans une feuille de calcul
Veillez à saisir l'adresse e-mail du client exactement telle qu'elle figure sur Shopify afin que Shopify Flow puisse identifier le bon client.

Configurez la connexion

Dans « Workflow Webhooks », créez le webhook.

Saisissez le nom et générez un jeton statique (vous pouvez créer ce jeton instantanément en appuyant sur le bouton « magique » situé au numéro 3 sur l'image ci-dessous), puis enregistrez.

Dans les « Paramètres avancés », nommez les variables que vous souhaitez recevoir :

name
email
store_url
seo_challenge
store_age

Dans les paramètres, nous disposons de 4 variables que nous avons associées aux champs « nom », « e-mail », « store_url » et « seo_challenge » ; nous avons également coché l'option « Autoriser le corps de requête personnalisé » afin de recevoir d'autres informations telles que « store_age ».

Dans MAKE, sélectionnez le déclencheur « Google Sheet » (surveiller l'apparition d'une nouvelle ligne), choisissez la feuille que vous souhaitez surveiller, puis lancez le scénario une fois. Si la connexion s'établit correctement, enregistrez le scénario.

Sélectionnez ensuite HTTP -> « Envoyer une requête » dans MAKE afin d'envoyer les données du formulaire vers le webhook que vous avez créé à l'aide de l'application Workflow Webhooks. Dans l'événement d'action, sélectionnez la méthode POST, saisissez l'URL et ajoutez les en-têtes. (Le type d'authentification doit être « Aucune authentification »).

Vous pouvez suivre la procédure indiquée au bas de la page Workflow Webhooks relative au webhook, en précisant les champs mappés, le jeton API et l'URL du webhook.

Vous pouvez alors mettre en correspondance les données comme suit.

Ensuite, enregistrez le fichier et exécutez-le une fois.

Dans la section « Invocations », vous pouvez voir que le système externe a déclenché ce webhook et consulter la Payload. Vous pouvez utiliser cette Payload dans vos Shopify Flow pour effectuer n'importe quelle action.

Dans « Shopify Flow », créez un workflow qui se lance lorsque vos données de webhook sont reçues via Workflow Webhooks. Ensuite, dans le déclencheur de webhook, cliquez sur « Enregistrer les événements ».

Rendez-vous maintenant à l'appel de webhook précédent et relancez le webhook afin d'envoyer cette charge utile à votre déclencheur de webhook dans l'Shopify Flow.

Dans les données, vous pouvez désormais voir la payload ainsi que l'identifiant du webhook.

Vous pouvez voir ce même webhook dans le tableau de bord des webhooks ; il vous permet d'identifier votre webhook.

Ajoutez à présent la condition suivante : si l’ID du webhook reçu correspond à l’ID du webhook que vous avez créé pour le Shopify Flow, effectuez alors les actions liées au formulaire. En effet, chaque déclencheur de webhook reçoit les données envoyées à n’importe quelle URL de webhook dans l’application Workflow Webhooks, et cet ID vous permettra de sélectionner les données pertinentes issues du webhook à des fins spécifiques.

Utilisez la valeur « E-mail entrant » pour rechercher le client correspondant à l'aide de la requête avancée. Dans la requête, vous pouvez utiliser l'adresse e-mail, qui provient des variables de déclenchement du webhook. Dans mon cas, le champ « fieldTwo » correspond à l'adresse e-mail. Ma requête se présente comme suit : email:"{{fieldTwo}}"

Vérifiez maintenant si le client existe. Je vérifie si l'identifiant du client existe.

ajoutez ensuite la balise seo-audit-pending. Pour récupérer l'identifiant du client, dans la configuration, j'ai utilisé ce code afin d'insérer l'identifiant du client ; j'ai utilisé le contrôle d'espaces dans la syntaxe de la balise {{-, -}}, {%- et -%} pour supprimer les espaces à gauche ou à droite de l'identifiant du client. Si des espaces sont présents, la requête ne fonctionnera pas.

ruby

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Ajoutez ou mettez à jour la note client en y indiquant l'URL de la boutique et le défi SEO. {%- et -%} afin de supprimer les espaces à gauche ou à droite de l'identifiant client. Si des espaces sont présents, la requête ne fonctionnera pas.

ruby

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Activez le workflow, envoyez une réponse test depuis votre formulaire et vérifiez que la fiche client concernée dans Shopify reçoit bien la balise et la note.

Voici comment cela fonctionne : le formulaire est envoyé → MAKE reçoit les données → MAKE transmet les données au webhook Workflow Webhooks → le webhook Workflow Webhooks déclenche le flux Shopify Flow → vous filtrez le déclencheur du flux en fonction de l'identifiant du webhook → vous récupérez ensuite le client à partir de cet identifiant → vous vérifiez si le client existe → vous ajoutez la balise → vous ajoutez la note

Pour le client, les balises et la note se présentent comme sur l'image ci-dessous.