如何將 Customer.io 連接到 Shopify Flow
Customer.io 會透過報告 Webhook 回報其發送訊息的相關數據 - - 包括送達、開啟、點擊、退信及取消訂閱等。Workflow Webhooks 會將該呼叫轉為 Shopify Flow 觸發器，讓您的商店能據此採取行動：為顧客加上標籤、新增訂單備註、發送內部電子郵件、更新元資料欄位 - - 凡是 Shopify Flow 能做的事，皆可實現。
本指南闡述了整個流程 - - 由 Customer.io 發送請求，Workflow Webhooks 接收並驗證，Shopify Flow 執行後續動作 - - 且每項請求都會驗證 Customer.io 的 HMAC 簽名，因此唯有 Customer.io 才能啟動您的工作流程。
您可以打造什麼
- 標記一位電子郵件地址發生硬退信的 Shopify 客戶，以便行銷活動不再將其列為目標對象。
- 請將最後一次互動日期以元資料欄位的形式記錄在客戶檔案中。
- 當 VIP 客戶取消訂閱時，請透過電子郵件通知您的團隊。
常見的傳送事件包括：email_delivered、email_opened、email_bounced、customer_unsubscribed。
開始之前
- Workflow Webhooks 已安裝在您的 Shopify 商店中。
- Shopify Flow 已安裝，此應用程式可從 Shopify App Store 免費下載。
- 一個在 Customer.io 上具有建立 Webhook 權限的帳戶。
步驟 1 - 在 Workflow Webhooks 建立 Webhook
- 開啟 Workflow Webhooks → Webhooks → 建立 Webhook，並為其取一個您在 Shopify Flow 中能認出的名稱，例如
Customer.io events。 - 在「驗證」下，選擇 HMAC。
- 在「簽名提供者」下，選擇 Customer.io。應用程式會自動為您填入標頭、演算法、已簽名有效載荷及重播時窗 - - 無需進行其他設定。
- 目前請將「密鑰」欄位留空，然後按下「儲存」。複製頁面上顯示的 webhook 網址。
有關其他驗證模式，請參閱 驗證；關於如何選擇哪些欄位會傳送至 Shopify Flow，請參閱 有效載荷映射與 Shopify Flow 變數。
步驟 2 - 在 Customer.io 中新增端點
在 Customer.io 中，開啟**「設定」→「工作區設定」→「報表 Webhook」**，使用您複製的 URL 新增一個 Webhook，並複製簽名金鑰。
如何找出您的 Customer.io 簽署密鑰
報告 Webhook 的簽署金鑰。
Customer.io 官方關於 webhook 簽名的文件 提供了您帳戶的確切說明文字與螢幕截圖。
將該密鑰貼入 Workflow Webhooks 中的 webhook**「Secret」**欄位，並儲存。從此之後，每則 Customer.io 傳送的訊息在送達 Shopify Flow 之前都會經過驗證。
此處檢查的內容
| 什麼 | 價值 |
|---|---|
| 簽名標題 | X-CIO-Signature |
| 簽名的位置 | 整個標頭值 |
| 簽署的內容為何 | v0:{timestamp}:{body} |
| 簽名 | HMAC-SHA256，十六進位編碼 |
| 時間戳記 | X-CIO-Timestamp 標頭，以 Unix 秒為單位 |
| 重播保護 | 無 - 此發件人未對時間戳記進行簽名，因此每個有效的簽名均保持有效 |
| 這個秘密 | 作為純文字使用。請完全按照發件人顯示的內容貼上 |
在已簽署的有效負載中，{body} 即為原始請求正文（逐位元組），而 {timestamp} 則是上方的時間戳記。
若請求未能通過上述任一項檢查，系統將以「401」狀態拒絕該請求，並將其記錄於 歷史與故障排除，且絕不會啟動工作流程。
步驟 3 - 建立「Shopify Flow」工作流程
- 在 Shopify Flow 中，建立一個工作流程，並選擇「Workflow Webhooks」觸發器。
- 按下「記錄事件」，然後從 Customer.io 發送一個測試事件（或使用 Workflow Webhooks 中的**「發送測試**」功能），讓 Shopify Flow 能夠學習您的資料結構。
- 您擁有的每個 Webhook 都會觸發相同的「Shopify Flow」觸發器，因此請針對 Webhook ID 新增第一個條件，以確保此工作流程僅限於 Customer.io。該 ID 會顯示在 Webhook 頁面上。
- 新增您的操作 - 標記客戶、新增備註、發送內部電子郵件、更新元資料欄位。
步驟 4 - 進行端到端測試
在 Customer.io 中觸發一個真實事件。在**「Workflow Webhooks」→「History」**中，您應該會看到狀態為「Success」的呼叫記錄。如果簽名不正確，您會看到狀態為「Failed」的記錄並附有原因說明；而 驗證已簽名的 Webhook 則說明了簽名測試工具，該工具會精確顯示哪個步驟失敗。
簽名不符▾
依此順序：密鑰（最常見的原因 - - 多餘的空格，或來自錯誤環境的金鑰）、發送者是否使用了不同端點的密鑰，以及 Customer.io 與應用程式之間是否有任何環節重寫了請求內容。簽名涵蓋原始位元組，因此會重新格式化 JSON 的代理伺服器會破壞簽名。 Webhook 頁面上的簽名測試工具會顯示實際被簽名的精確文字內容。
每次發送請求時都會收到 401 錯誤▾
請確認 webhook 的驗證方式已設定為 HMAC，並已選取 Customer.io 提供者；同時確認已填入密鑰，且 Customer.io 傳送至該 URL 的內容與應用程式顯示的完全一致，包括末尾的代碼在內。
「歷史」中沒有任何記錄▾
該請求從未送達。請在 Customer.io 中重新檢查 URL，並查看 Customer.io 自身的傳送日誌，確認其收到的回應。若出現 404，表示 webhook 設定錯誤或已被刪除；若出現 429，則表示您已超過方案的呼叫次數限制 - - 詳見 方案與使用方式。
工作流程針對錯誤的事件執行▾
您商店中的每個 Webhook 都會觸發相同的「Shopify Flow」觸發器。請在工作流程的第一步中，針對 Webhook ID 新增一個條件，或者縮小您從 Customer.io 傳送的事件範圍。
相關
- 驗證已簽名的 Webhook - 我們所核實的每家服務供應商，以及如何描述未經我們核實的服務供應商。
- 有效載荷映射與 Shopify Flow 變數 - 從載荷中擷取正確的欄位，並將其存入
Shopify Flow中。 - 重複送達防護 - 當 Customer.io 重新嘗試發送時會發生什麼情況。
- 歷史與故障排除 - 每個請求的日誌，並附有重播功能。