Workflow WebhooksWorkflow Webhooks

Comment connecter WooCommerce à Shopify Flow

WooCommerce peut envoyer un Webhook concernant les commandes, les produits, les clients et les bons de réduction depuis une boutique WordPress. « Workflow Webhooks » transforme cet appel en un Déclencheur « **Shopify Flow **», ce qui permet à votre boutique d’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 que Shopify Flow est capable de faire.

Ce guide décrit l'ensemble du processus : WooCommerce envoie, Workflow Webhooks reçoit et vérifie, Shopify Flow traite, la signature HMAC de WooCommerce étant vérifiée à chaque requête, de sorte que seul WooCommerce puisse déclencher votre workflow.

Ce que vous pouvez construire

  • Importez une commande provenant d'une boutique WooCommerce dans l'Shopify Flow : associez-la au client correspondant ou ajoutez une note.
  • Veillez à ce que votre liste de clients reste à jour pendant la migration de WooCommerce vers Shopify.
  • Réagir dans l'Shopifye lorsqu'un produit est en rupture de stock du côté de WooCommerce.

Exemples d'événements à envoyer : order.created, order.updated, product.updated, customer.created.

Avant de commencer

  • Workflow Webhooks installé sur votre boutique Shopify.
  • Shopify Flow installée, disponible gratuitement sur la boutique d'Shopify.
  • Un compte WooCommerce disposant des droits nécessaires pour créer des webhooks.

Étape 1 - Créez le webhook sur Workflow Webhooks

  1. Accédez à Workflow Webhooks -> Webhooks -> Créer un webhook et attribuez-lui un nom que vous pourrez reconnaître dans Shopify Flow, tel que WooCommerce events.
  2. Dans la section « Authentification », sélectionnez « HMAC ».
  3. Dans la section «** Fournisseur de signature** », sélectionnez WooCommerce. L'application remplit automatiquement les champs « en-tête », « algorithme », « payload signé » et « fenêtre de replay » ; vous n'avez rien d'autre à configurer.
  4. 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 - Ajouter le point de terminaison dans WooCommerce

Dans WordPress, ouvrez WooCommerce -> Paramètres -> Avancé -> Webhooks, ajoutez un webhook en indiquant l'URL comme « URL de livraison », puis définissez la clé secrète.

Comment trouver votre clé secrète de signature WooCommerce

Le paramètre « Secret » défini dans le webhook (WooCommerce → Paramètres → Avancé → Webhooks).

La documentation officielle de WooCommerce sur les signatures de webhooks, disponible à l'adresse, contient la formulation exacte et les captures d'écran correspondant à votre compte.

Collez ce secret dans le champ « Secret » du webhook à l'adresse Workflow Webhooks, puis enregistrez. À partir de ce moment, chaque livraison WooCommerce sera vérifiée avant d'atteindre Shopify Flow.

Ce que cette vérification permet de contrôler

Quoi Valeur
En-tête de signature X-WC-Webhook-Signature
Emplacement de la signature La valeur complète de l'en-tête
Ce qui est signé {body}
Signature HMAC-SHA256, encodé en base64
Horodatage Non utilisé par cet expéditeur
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 qu'il apparaît chez l'expéditeur.

Dans la payload signée, {body} correspond au corps brut de la requête, octet par octet.

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

  1. Dans «Shopify Flow », créez un workflow et sélectionnez le déclencheur «Workflow Webhooks».
  2. Cliquez sur « Enregistrer les événements », puis envoyez un événement test depuis WooCommerce (ou utilisez l'option « Envoyer un test » dans Workflow Webhooks) afin que Shopify Flow apprenne la structure de vos données.
  3. Chaque webhook dont vous disposez déclenche le même déclencheur de Shopify Flow ; veuillez donc ajouter une première condition sur l’identifiant du webhook afin de limiter ce workflow à WooCommerce uniquement. L’identifiant est indiqué sur la page du webhook.
  4. Ajoutez vos actions : marquez un client, ajoutez une note, envoyez un e-mail interne, mettez à jour un métachamp.
Shopify Flow
Dans Shopify Flow, sélectionnez « Sélectionner un déclencheur », ouvrez Workflow Webhooks puis choisissez « Déclencheur Webhook ».
Condition de Shopify Flow : l'identifiant du webhook est identique à celui d'un webhook
La première étape de chaque workflow : une condition portant sur l'identifiant du webhook, afin que le workflow ne s'exécute que pour ce webhook.
Le workflow final : déclencheur Webhook, une condition sur l'identifiant du webhook, puis envoi d'un e-mail interne sur la branche « True »
Le workflow final : un déclencheur, une condition basée sur l'identifiant du webhook, puis votre action sur la branche « True ».

Étape 4 - Testez-le de bout en bout

Déclenchez un événement réel dans WooCommerce. 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 Vérification des webhooks signés explique comment utiliser l'outil de vérification de la signature qui vous indique précisément quelle étape a échoué.

Une requête a été enregistrée dans l'historique avec ses en-têtes de requête, sa payload, son statut, sa durée et ses identifiants
Un événement « livré » dans History : le statut « Succès » signifie que l'Shopify Flowe l'a accepté.
La signature ne correspond pas▾

Dans cette commande : le secret (la cause la plus courante : 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 WooCommerce et l'application réécrive le corps de la requête. 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 du webhook 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 WooCommerce sélectionné, que le secret est renseigné et que WooCommerce 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 WooCommerce et consultez le journal de livraison de WooCommerce pour connaître la réponse reçue. Une erreur 404 indique un webhook incorrect ou supprimé, tandis qu'une erreur 429 signifie que vous avez dépassé la limite d'appels de votre forfait - consultez Forfaits et utilisation.

The workflow runs for inappropriate events▾

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 WooCommerce.

Connexes