n8n 不只是被動接收!Webhook + API 連攜技,打造你的 WordPress 全自動情報中心
☰ 目錄 table-of-contents.md
看著同事把 WordPress 的新訂單、新用戶資料一筆一筆 Key 進 Google Sheets 和 CRM,那種人肉複製貼上的畫面,對工程師來說簡直是凌遲——慢、容易出錯,而且完全沒必要。用 n8n 把 Webhook 的即時推送和 API 的主動查詢連起來,WordPress 就能從被動的資料孤島,升級成全自動運轉的情報中心。這篇就帶你把這套連攜技一次練起來。
很多朋友可能聽過 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 能自動完成以下任務:
- 即時觸發: 透過 Webhook 立即捕捉到「新用戶註冊」這個事件。
- 資料擴充: 註冊時的資料可能很基本,我們需要用 API 主動去 WordPress 撈取更完整的用戶資訊(例如用戶角色)。
- 外部建檔: 將整理好的完整資料,新增一筆到 Google Sheets 備存。
- 團隊通知: 在 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 已經有內建好的節點了。
- 新增「Google Sheets」節點:
- 選擇你的帳號憑證、試算表和工作表。
- 在欄位對應區,將前面 Webhook 和 HTTP Request 節點得到的資料(如 Email、Username、Role 等)填入對應的欄位。
- 新增「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、Make、Zapier 怎麼選?2026 自動化平台完整比較
- 用 n8n 為 WordPress 注入自動化靈魂:你該知道的五大應用場景
- 別再當內容農夫!n8n x WordPress 終極自動化攻略,讓你的網站 24 小時自己發文!
- 訂單接到手軟,出貨出到臉綠?n8n x WooCommerce 自動化連擊,讓你躺著處理訂單!
如果你對於如何將 n8n 自動化流程深度整合到你的 WordPress 網站或企業內部系統感到頭痛,或是需要更複雜、更客製化的解決方案,浪花科技的團隊擁有豐富的 API 串接與自動化流程設計經驗。歡迎與我們聯繫,讓我們幫助你打造真正能解決問題、提升效率的自動化引擎。
常見問題
Webhook 和 API 有什麼差別?
如何讓 WordPress 在新用戶註冊時通知 n8n?
在 n8n 中要如何呼叫 WordPress REST API 取得更完整的用戶資料?
WordPress 發送 Webhook 時為什麼要把 blocking 設為 false?
訂閱免費電子報
把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。