Comment connecter Customer.io à Shopify Flow
Customer.io vous informe des messages qu’il envoie (livraisons, ouvertures, clics, messages non remis, désabonnements) via un Webhook de rapport. Workflow Webhooks transforme cet appel en un Déclencheur « **Shopify Flow **», afin que votre boutique puisse y réagir : attribuer une balise à un client, ajouter une note à une commande, envoyer un e-mail interne, mettre à jour un métachamp… tout ce qu’Shopify Flow permet de faire.
Ce guide décrit l'ensemble du processus : Customer.io envoie, Workflow Webhooks reçoit et vérifie, Shopify Flow effectue l'action. La signature HMAC de Customer.io est vérifiée à chaque requête, de sorte que seul Customer.io peut déclencher votre workflow.
Ce que vous pouvez construire
- Marquez un client d'Shopify dont l'adresse e-mail a généré un « hard bounce », afin que les campagnes cessent de le cibler.
- Veuillez inscrire la date de la dernière interaction dans la fiche client sous forme de métachamp.
- Envoyez un e-mail à votre équipe lorsqu'un client VIP se désabonne.
Exemples d'événements à envoyer : email_delivered, email_opened, email_bounced, customer_unsubscribed.
Avant de commencer
- Workflow Webhooks installé sur votre boutique Shopify.
- Shopify Flow installée, disponible gratuitement sur l'App Store de Shopify.
- Un compte sur Customer.io disposant des autorisations nécessaires pour créer des webhooks.
Étape 1 - Créez le webhook sur Workflow Webhooks
- Accédez à Workflow Webhooks -> Webhooks -> Créer un webhook et donnez-lui un nom que vous reconnaîtrez dans Shopify Flow, tel que
Customer.io events. - Dans la section « Authentification », sélectionnez « HMAC ».
- Dans la section « Fournisseur de signature », sélectionnez Customer.io. L'application remplit automatiquement les champs « en-tête », « algorithme », « payload signé » et « fenêtre de relecture » ; vous n'avez rien d'autre à configurer.
- Pour l'instant, ne renseignez pas le champ « Secret » et cliquez sur « Enregistrer ». Copiez l'URL du webhook affichée sur la page.
Consultez la page Authentification pour connaître les autres modes d'authentification, et la page Mappage de la charge utile et variables de flux pour savoir quels champs sont transmis à Shopify Flow.
Étape 2 - Ajoutez le point de terminaison dans Customer.io
Dans Customer.io, ouvrez Paramètres -> Paramètres de l'espace de travail -> Webhooks de rapports, ajoutez un webhook avec l'URL que vous avez copiée, puis copiez la clé de signature.
Comment trouver votre clé de signature Customer.io
La clé de signature du webhook de rapport.
La documentation de Customer.io consacrée aux signatures de webhooks () contient la formulation exacte et les captures d'écran correspondant à votre compte.
Collez ce secret dans le champ « Secret » du webhook sur Workflow Webhooks, puis enregistrez. À partir de ce moment, chaque envoi Customer.io sera vérifié avant d'atteindre Shopify Flow.
Ce que cette vérification permet de contrôler
| Quoi ? | Valeur |
|---|---|
| En-tête de signature | X-CIO-Signature |
| Emplacement de la signature | La valeur complète de l'en-tête |
| Ce qui est signé | v0:{timestamp}:{body} |
| Signature | HMAC-SHA256, codé en hexadécimal |
| Horodatage | L'en-tête X-CIO-Timestamp, exprimé en secondes Unix |
| Protection contre la relecture | Aucune - cet expéditeur ne signe pas l'horodatage ; par conséquent, toute signature valide reste valide |
| Le secret | À utiliser sous forme de texte brut. Copiez-collez-le exactement tel que l'expéditeur l'a indiqué. |
Dans la payload signée, {body} correspond au corps brut de la requête, octet par octet, et {timestamp} correspond à l'horodatage mentionné ci-dessus.
Toute requête qui ne respecte pas l'une de ces conditions est rejetée avec le message 401, est enregistrée dans Historique et dépannage et ne déclenche jamais de workflow.
Étape 3 - Créer le workflow Shopify Flow
- Dans «Shopify Flow », créez un workflow et sélectionnez le déclencheur «Workflow Webhooks».
- Cliquez sur « Enregistrer les événements », puis envoyez un événement test depuis Customer.io (ou utilisez l'option « Envoyer un test » dans Workflow Webhooks) afin que Shopify Flow apprenne la structure de vos données.
- Chaque webhook dont vous disposez déclenche le même déclencheur de flux ; veuillez donc ajouter une première condition sur l'identifiant du webhook afin de limiter ce workflow à Customer.io uniquement. L'identifiant est indiqué sur la page dédiée aux webhooks.
- Ajoutez vos actions : identifiez un client, ajoutez une note, envoyez un e-mail interne, mettez à jour un métachamp.
Étape 4 - Testez-le de bout en bout
Déclenchez un événement réel dans Customer.io. Dans « Workflow Webhooks » -> « History », vous devriez voir l'appel avec le statut « Success ». Si la signature était incorrecte, vous obtiendrez à la place une entrée indiquant un échec avec la raison correspondante, et la page Vérification des webhooks signés explique le fonctionnement de l'outil de vérification de signature qui vous indique précisément quelle étape a échoué.
La signature ne correspond pas▾
Dans cette commande : le secret (cause la plus fréquente : un espace supplémentaire ou une clé provenant d'un environnement incorrect), le fait que l'expéditeur utilise le secret d'un autre point de terminaison, et le fait que quelque chose entre Customer.io et l'application réécrive le corps du message. Les signatures portent sur les octets bruts ; par conséquent, un proxy qui reformate le JSON les invalide. Le testeur de signature disponible sur la page des webhooks affiche le texte exact qui a été signé.
Je reçois un code 401 à chaque requête▾
Vérifiez que l'authentification du webhook est configurée sur HMAC avec le fournisseur Customer.io sélectionné, que le secret est renseigné et que Customer.io envoie ses requêtes à l'URL exactement telle qu'elle s'affiche dans l'application, y compris le code à la fin.
Rien n'apparaît dans l'historique▾
La requête n'est jamais arrivée. Vérifiez à nouveau l'URL dans Customer.io et consultez le journal de livraison de Customer.io pour voir la réponse reçue. Un message 404 indique qu'un webhook est incorrect ou a été supprimé ; un message 429 signifie que vous avez dépassé la limite d'appels de votre forfait - consultez Forfaits et utilisation.
Le workflow s'exécute pour des événements inappropriés▾
Chaque Webhook de votre boutique déclenche le même déclencheur Flow. Ajoutez une condition basée sur l'identifiant du Webhook comme première étape du Workflow, ou affinez les événements que vous envoyez depuis Customer.io.
À ce sujet
- Vérification des webhooks signés - tous les prestataires que nous vérifions, et comment décrire ceux que nous ne vérifions pas.
- Mappage de la charge utile et variables de flux - extraire les champs appropriés du payload et les transférer dans Shopify Flow.
- Protection contre les livraisons en double - Que se passe-t-il lorsque Customer.io effectue une nouvelle tentative d'envoi ?
- Historique et dépannage - le journal de chaque requête, avec possibilité de relecture.