如何將 WooCommerce 連接至 Shopify Flow
WooCommerce 可以針對 WordPress 商店中的訂單、商品、客戶和優惠券發送 webhook。Workflow Webhooks 會將該呼叫轉換為 Shopify Flow 觸發器,讓您的商店能夠對此做出反應:為客戶加上標籤、新增訂單備註、發送內部電子郵件、更新元資料欄位 - - 任何 Shopify Flow 能做到的功能皆可實現。
本指南闡述了整個流程 - - WooCommerce 發送請求、Workflow Webhooks 接收並驗證、Shopify Flow 執行處理 - - 且每項請求都會驗證 WooCommerce 的 HMAC 簽名,因此唯有 WooCommerce 才能啟動您的工作流程。
您可以打造什麼
- 將 WooCommerce 商店的訂單匯入 Shopify Flow:為對應的客戶加上標籤,或新增備註。
- 在從 WooCommerce 遷移至 Shopify 的過程中,請確保客戶清單能同步更新。
- 當 WooCommerce 端有商品缺貨時,在
Shopify中進行處理。
常見的傳送事件包括:order.created、order.updated、product.updated、customer.created。
開始之前
- Workflow Webhooks 已安裝在您的 Shopify 商店中。
- Shopify Flow 已安裝,此應用程式可從 Shopify App Store 免費下載。
- 一個具備建立 Webhook 權限的 WooCommerce 帳戶。
步驟 1 - 在 Workflow Webhooks 建立 Webhook
- 開啟 Workflow Webhooks → Webhooks → 建立 Webhook,並為其取一個您在 Shopify Flow 中能認出的名稱,例如
WooCommerce events。 - 在「驗證」下,選擇「HMAC」。
- 在「簽名提供者」下,選擇 WooCommerce。此應用程式會自動為您填入標頭、演算法、已簽名有效載荷及重播時窗 - - 無需進行其他設定。
- 目前請將「密鑰」欄位留空,然後按下「儲存」。複製頁面上顯示的 webhook URL。
有關其他驗證模式,請參閱 驗證;關於如何選擇哪些欄位會傳送至 Shopify Flow,請參閱 有效載荷映射與 Shopify Flow 變數。
步驟 2 - 在 WooCommerce 中新增終點
在 WordPress 中,開啟 WooCommerce → 設定 → 進階 → Webhooks,新增一個 Webhook,將 URL 設為「配送 URL」,並設定「密鑰」。
如何找出您的 WooCommerce 簽名密鑰
在 Webhook 設定中設定的「The Secret」(WooCommerce → 設定 → 進階 → Webhooks)。
WooCommerce 關於 Webhook 簽名的官方文件 中,有您帳戶的具體說明文字與螢幕截圖。
將該密鑰貼入 Workflow Webhooks 中的 webhook**「密鑰」**欄位,並儲存。從此之後,每筆 WooCommerce 訂單在傳送至 Shopify Flow 之前,都會經過驗證。
此處檢查的內容
| 什麼 | 價值 |
|---|---|
| 簽名標題 | X-WC-Webhook-Signature |
| 簽名的位置 | 整個標頭值 |
| 簽署的內容為何 | {body} |
| 簽名 | HMAC-SHA256,base64 編碼 |
| 時間戳記 | 此寄件者未使用 |
| 重播保護 | 無 - 此寄件者未對時間戳記進行簽名,因此每個有效的簽名均保持有效 |
| 這個秘密 | 作為純文字使用。請完全按照發件人顯示的內容貼上 |
在已簽署的載荷中,{body} 即是原始請求正文,逐位元組完全一致。
若請求未通過上述任一項檢查,系統將以401狀態拒絕該請求,並將其記錄於歷史與故障排除中,且該請求絕不會啟動工作流程。
步驟 3 - 建立「Shopify Flow」工作流程
- 在 Shopify Flow 中,建立一個工作流程,並選擇「Workflow Webhooks」觸發器。
- 按下「記錄事件」,然後從 WooCommerce 發送一個測試事件(或使用 Workflow Webhooks 中的**「發送測試**」功能),讓 Shopify Flow 能了解您的資料結構。
- 您擁有的每個 Webhook 都會觸發相同的「Shopify Flow」觸發器,因此請針對 Webhook ID 新增第一個條件,以確保此工作流程僅限於 WooCommerce。該 ID 顯示於 Webhook 頁面中。
- 新增您的操作 - - 標記客戶、新增備註、發送內部電子郵件、更新元資料欄位。



步驟 4 - 進行端到端測試
在 WooCommerce 中觸發一個實際事件。在**「Workflow Webhooks」→「History」中,您應能看到狀態為「Success」**的呼叫記錄。若簽名不正確,則會顯示一個失敗的記錄並附上原因;而 驗證已簽名的 Webhook 則說明了簽名測試工具,該工具會精確指出哪一步驟失敗。

簽名不符▾
依此順序:密鑰(最常見的原因 - - 多餘的空格,或來自錯誤環境的金鑰)、發送者是否使用了不同端點的密鑰,以及 WooCommerce 與應用程式之間是否有所謂的**「重寫」操作**。簽名是針對原始位元組進行的,因此若代理伺服器重新格式化了 JSON,便會導致簽名失效。 Webhook 頁面上的簽名測試工具會顯示實際經過簽名的精確文字內容。
每次發送請求時都會收到 401 錯誤▾
請確認 webhook 的驗證方式已設定為 HMAC,並已選取 WooCommerce 提供者;同時確認已填入密鑰,且 WooCommerce 傳送至 URL 的內容與應用程式顯示的完全一致,包括末尾的代碼在內。
「歷史」中沒有任何記錄▾
該請求從未送達。請在 WooCommerce 中重新檢查 URL,並查看 WooCommerce 自身的傳送日誌,確認其收到的回應。若出現 404,表示 webhook 設定錯誤或已被刪除;若出現 429,則表示您已超過方案的呼叫次數限制 - - 請參閱 方案與使用方式。
工作流程針對錯誤的事件執行▾
您商店中的每個 Webhook 都會觸發相同的「Shopify Flow」觸發器。請在工作流程的第一步中,針對 Webhook ID 新增一個條件,或縮小您從 WooCommerce 傳送的事件範圍。
相關
- 驗證已簽名的 Webhook - 我們所核實的每家服務供應商,以及如何描述未經核實的服務供應商。
- 有效載荷映射與 Shopify Flow 變數 - 從載荷中擷取正確的欄位,並將其存入
Shopify Flow中。 - 重複送達防護 - 當 WooCommerce 重新嘗試配送時會發生什麼情況。
- 歷史與故障排除 - 每個請求的日誌,並附有重播功能。

