n8n 不只是被動接收！Webhook + API 連攜技，打造你的 WordPress 全自動情報中心

嗨，我是浪花科技的 Eric。身為一個每天在程式碼和伺服器之間打滾的工程師，我最看不下去的事情之一，就是「人肉複製貼上」。看到同事還在手動把 WordPress 的新訂單、新用戶資料，一筆一筆 Key-in 到 Google Sheets 或 CRM 系統，我的工程師魂就在隱隱作痛。這不只是浪費時間，更容易出錯，而且…拜託，現在都什麼時代了！

很多朋友可能聽過 n8n、Zapier 或 Make 這些自動化工具，覺得它們就是 A 發生了，就觸發 B。例如，WordPress 有新留言，就發一則 Slack 通知。沒錯，這是基本功，但這就像只把超級跑車當代步車開，太浪費了！今天，我就要帶你解鎖 n8n 的真正潛力，我們要談的是 n8n Webhook + API 的資料整合連攜技。這不只是單純的「觸發」，而是讓你的自動化流程學會「思考」、主動出擊，從一個被動的接收器，進化成一個能整合、分析、再分發的全自動情報中心。

Webhook 與 API：自動化世界的「推」與「拉」

在我們動手實作之前，得先搞懂兩個核心概念：Webhook 和 API。用最白話的方式來說，這就像是訂閱報紙和去圖書館查資料的差別。

什麼是 Webhook？數位世界的「門鈴」

Webhook 是一種「推播 (Push)」機制。你先告訴某個服務（例如 WordPress）：「嘿，如果發生某件事（例如新用戶註冊），就請你按一下這個門鈴（一個特定的 URL）。」

• 即時性： 事件一發生，資料馬上被「推」過來，幾乎沒有延遲。
• 被動性： 你（n8n）的角色是被動等待通知，你不能主動去問：「欸，有新用戶了嗎？」
• 資料有限： 通常 Webhook 推過來的資料是固定的，就是事件本身的核心資訊（例如新用戶的 ID 和 Email）。

簡單說，Webhook 幫你解決了「何時」該啟動流程的問題。

什麼是 API？你的數位「點餐系統」

API (Application Programming Interface) 則是一種「拉取 (Pull)」機制。它像是一份公開的菜單，讓你可以主動向一個服務（例如 WordPress）提出請求：「你好，請給我 ID 為 123 的用戶的所有詳細資料。」

• 主動性： 你可以隨時、主動地去請求你需要的特定資料。
• 資料豐富： 你可以根據 API 的「菜單」規格，取得非常詳細、深入的資訊，甚至可以更新、刪除資料。
• 需要觸發： API 不會自己沒事跑來告訴你發生什麼事，你需要一個「動機」去呼叫它。

囉嗦了這麼多，重點來了：最強大的自動化流程，就是將 Webhook 的「即時觸發」與 API 的「主動查詢」結合起來。

實戰演練：打造 WordPress 新用戶自動化通報與建檔流程

讓我們來模擬一個真實情境：當有新用戶在你的 WordPress 網站註冊時，我們希望 n8n 能自動完成以下任務：

1. 即時觸發： 透過 Webhook 立即捕捉到「新用戶註冊」這個事件。
2. 資料擴充： 註冊時的資料可能很基本，我們需要用 API 主動去 WordPress 撈取更完整的用戶資訊（例如用戶角色）。
3. 外部建檔： 將整理好的完整資料，新增一筆到 Google Sheets 備存。
4. 團隊通知： 在 Slack 的特定頻道發送一則格式化的歡迎訊息，通知團隊成員。

這個流程完美展示了 Webhook (推) + API (拉) 的連攜應用。Webhook 告訴我們「有新人來了」，API 幫助我們去查「這個新人是誰，身家背景如何」，最後再將情報告知相關單位。

步驟一：在 n8n 設定 Webhook 接收器

首先，在 n8n 建立一個新的工作流 (Workflow)，第一個節點選擇「Webhook」。n8n 會給你一個獨一無二的 Webhook URL。先別急著關掉，點擊「Listen For Test Event」，讓 n8n 進入等待測試訊號的狀態。

步驟二：讓 WordPress 在用戶註冊時「按下門鈴」

接下來，我們要回到 WordPress，告訴它新用戶註冊時，要去呼叫剛剛 n8n 給我們的 URL。最直接了當的方式就是透過主題的 functions.php 檔案加入一段程式碼。身為工程師，我還是偏好用程式碼解決，這比裝一堆功能不明的外掛來得乾淨俐落。

在你的子佈景主題 (Child Theme) 的 functions.php 檔案中，加入以下程式碼：

<?php
add_action('user_register', 'send_new_user_webhook_to_n8n', 10, 2);

function send_new_user_webhook_to_n8n($user_id, $userdata) {
    // 這裡換成你從 n8n 拿到的 Webhook URL
    $webhook_url = 'https://your-n8n-instance.com/webhook/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx';

    // 準備要傳送的資料
    $body = [
        'userId'     => $user_id,
        'username'   => $userdata['user_login'],
        'email'      => $userdata['user_email'],
        'registered' => date('Y-m-d H:i:s'),
    ];

    // 設定 WordPress HTTP API 參數
    $args = [
        'body'        => json_encode($body),
        'headers'     => [
            'Content-Type' => 'application/json; charset=utf-8'
        ],
        'timeout'     => 15,
        'blocking'    => false, // 設定為 false，讓註冊流程不用等待 Webhook 回應，避免卡頓
        'sslverify'   => true, // 正式環境建議保持 true
    ];

    // 使用 WordPress 內建函式發送請求
    wp_remote_post($webhook_url, $args);
}
?>

工程師小囉嗦： 注意到 'blocking' => false 這個設定了嗎？這很重要。它告訴 WordPress「你把資料送出去就好，不用等對方回應」，這樣可以避免因為 n8n 主機反應慢而拖累到使用者註冊的體驗。魔鬼藏在細節裡！

儲存後，去你的 WordPress 網站手動註冊一個測試帳號。如果一切順利，你會在 n8n 的 Webhook 節點看到綠色的勾勾，並接收到來自 WordPress 的測試資料。

步驟三：用 API 深入挖掘！呼叫 WordPress REST API 擴充資料

Webhook 送來的資料只有 ID、帳號和 Email，但我想知道他的用戶角色 (Role) 是什麼。這時，API 就該上場了。

在 n8n 中，新增一個「HTTP Request」節點，設定如下：

• Method: GET
• URL: 這裡要用表達式 (Expression) 動態組合 URL。假設你的網站是 https://example.com，URL 會是：https://example.com/wp-json/wp/v2/users/{{$json["body"]["userId"]}}?context=edit
• Authentication: 選擇 Header Auth。你需要在 WordPress 後台為特定管理員產生一組「應用程式密碼 (Application Password)」，然後將使用者名稱和這組密碼填入 n8n 的認證欄位。

這個節點會利用 Webhook 傳來的 userId，去向 WordPress 的 REST API 查詢這位用戶的完整資料。執行後，你就能在輸出結果中看到包含用戶角色 (roles) 在內的詳細資訊。

步驟四：資料分發到 Google Sheets 與 Slack

這一步相對單純，因為 n8n 已經有內建好的節點了。

1. 新增「Google Sheets」節點：
   • 選擇你的帳號憑證、試算表和工作表。
   • 在欄位對應區，將前面 Webhook 和 HTTP Request 節點得到的資料（如 Email、Username、Role 等）填入對應的欄位。
2. 新增「Slack」節點：
   • 選擇你的帳號憑證和要發送的頻道。
   • 在「Text」欄位中，你可以自由組合一則訊息，例如：「🎉 歡迎新夥伴！使用者名稱：{{$node["Webhook"].json["body"]["username"]}}，他的角色是：{{$node["HTTP Request"].json["roles"][0]}}，請團隊同仁多多指教！」

將所有節點串連起來並啟用 (Activate) 你的工作流。恭喜！你已經成功打造了一個結合 Webhook 即時性與 API 深度查詢的自動化流程。從此以後，再也不需要人肉處理新用戶資料了。

結論：別讓你的自動化只會「Yes, Sir」

單純使用 Webhook 的自動化，就像一個只會聽命行事的衛兵，收到指令就執行，不多想也不多問。但當你把 API 整合進來，你的自動化流程就學會了「主動情報蒐集」。它可以在接到通知後，自己去調閱檔案、查核身份、交叉比對，最後產出一份完整的情資報告，再分送給各個單位。

今天這個 WordPress 新用戶註冊的例子只是冰山一角。同樣的「Webhook 觸發 -> API 擴充 -> 多方處理」模式，可以應用在 WooCommerce 新訂單處理、表單提交後的客戶分級、甚至是內容發佈後的自動化社群分享。這才是 n8n Webhook + API 資料整合 的精髓所在。

別再滿足於點對點的線性自動化了。開始思考如何讓你的 n8n 工作流變得更「聰明」、更「主動」，你會發現一片全新的效率大陸。

延伸閱讀

• 用 n8n 為 WordPress 注入自動化靈魂：你該知道的五大應用場景
• 別再當內容農夫！n8n x WordPress 終極自動化攻略，讓你的網站 24 小時自己發文！
• 訂單接到手軟，出貨出到臉綠？n8n x WooCommerce 自動化連擊，讓你躺著處理訂單！

如果你對於如何將 n8n 自動化流程深度整合到你的 WordPress 網站或企業內部系統感到頭痛，或是需要更複雜、更客製化的解決方案，浪花科技的團隊擁有豐富的 API 串接與自動化流程設計經驗。歡迎與我們聯繫，讓我們幫助你打造真正能解決問題、提升效率的自動化引擎。