~/blog/wordpress-n8n-google-sheets-automation-guide.md
API 串接與系統整合 · 2025 / 08 / 22

n8n 串接 Google Sheets 之後,我再也沒手動匯出過 WordPress 資料

Eric — 浪花科技創辦人 / AI 架構師
Eric
浪花科技創辦人 · AI 架構師
n8n 串接 Google Sheets 之後,我再也沒手動匯出過 WordPress 資料
目錄 table-of-contents.md

每天早上手動把 WordPress 網站上的聯絡表單、訂單資料,一筆一筆複製貼上到 Google Sheets——這件事其實一行程式都不用寫就能全自動化。,每次看到有人被困在這種數位倉鼠輪裡,程式碼潔癖就會發作:重複勞動不只浪費時間,更容易出錯。這篇就用 n8n 把整條流程串起來,時間應該花在創造價值,而不是複製貼上!

今天,我們就要用 n8n 這把開源的自動化瑞士刀,搭配 Google Sheets,徹底終結這場複製貼上的惡夢!這篇教學會手把手帶你走過每一個步驟,從設定 Webhook 接收資料,到將資料完美寫入 Google Sheets,讓你親手打造一個 WordPress 的全自動資料流。準備好了嗎?讓我們開始吧!

為什麼要用 n8n 來串接 WordPress 和 Google Sheets?

在我們動手之前,先來個小小的囉嗦。為什麼要選擇 n8n?市面上不是有 Zapier 或 Make (前 Integromat) 嗎?

  • 開源且可自架 (Self-Hosted):這是最大的誘因!對於我們這種對資料隱私和成本控制有要求的開發者來說,可以把 n8n 架在自己的伺服器上,意味著資料完全掌握在自己手上,而且不用擔心昂貴的月費。當然,他們也提供雲端版,方便快速上手。
  • 節點式視覺化流程:你不需要寫一堆複雜的程式碼。n8n 的介面就像畫流程圖一樣,把一個個功能(稱為 Node)串起來,非常直觀。觸發 (Trigger) -> 處理資料 -> 寫入 Google Sheets,一目了然。
  • 高度彈性與擴充性:n8n 內建了數百種應用程式的節點,從 WordPress、Google Sheets 到 Slack、Discord、LINE 應有盡有。如果內建的節點不滿足你,你甚至可以自己寫 JavaScript 或 HTTP Request 節點,自由度極高。

簡單來說,n8n 提供了企業級的彈性,卻有著平易近人的操作介面。對於想實現 n8n 與 Google Sheets 自動化 的 WordPress 站長或開發者來說,絕對是首選利器。

實戰教學:將 WordPress 表單資料自動寫入 Google Sheets

接下來,我們就以一個最常見的情境來實作:當使用者在 WordPress 網站上提交「聯絡我們」表單時,自動將姓名、Email 和訊息內容新增到指定的 Google Sheets 試算表中。

步驟一:準備工作

在開始之前,請確保你已經準備好以下東西:

  • 一個可以正常運作的 WordPress 網站。
  • 一個 n8n 帳號(無論是自架版或雲端版)。
  • 一個 Google 帳號,並先在 Google Drive 建立一個新的 Google Sheets 試算表。
  • 在試算表的第一列 (Row 1) 建立好欄位標題,例如:Timestamp, Name, Email, Message。這是個好習慣,方便後續對應資料。

步驟二:在 n8n 建立 Webhook 觸發器

首先,登入你的 n8n,建立一個新的工作流程 (Workflow)。

  1. 點擊「+」號,搜尋並選擇 Webhook 節點。這個節點就是我們接收 WordPress 資料的入口。
  2. Webhook 節點預設會幫你產生一個測試用的 URL (Test URL)。先把這個 URL 複製下來,它看起來會像這樣:https://your-n8n-instance.com/webhook-test/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
  3. 點擊右上角的「Execute Node」或「Test workflow」按鈕,讓 n8n 進入「等待資料」的模式。這一步非常重要,n8n 需要先接收一筆範例資料,才能知道資料的結構長什麼樣子。

這個 Webhook URL 就是 WordPress 和 n8n 溝通的橋樑。你可以把它想像成一個專線電話,WordPress 這邊只要有新表單進來,就會立刻打電話給 n8n 這個專線,然後把表單資料一起送過去。

步驟三:設定 WordPress 表單發送資料到 Webhook

現在,我們要回到 WordPress 後台,告訴表單外掛:「嘿!有人送出表單後,請把資料送到我剛剛複製的那個 Webhook URL」。

這裡我們以常見的 Contact Form 7 為例,但原理適用於任何支援 Webhook 的表單外掛(如 Fluent Forms, Gravity Forms 等)。如果你用的外掛不支援,可以安裝一個像 CF7 to API 這樣的輔助外掛。

假設你的表單欄位有 [text* your-name], [email* your-email], [textarea your-message]

在 Contact Form 7 的設定中,找到對應的 Webhook 或 API 整合選項,將剛剛從 n8n 複製的 Test URL 貼上去。然後,回到網站前台,實際填寫並提交一次表單作為測試。

步驟四:在 n8n 設定 Google Sheets 節點

如果一切順利,當你在 WordPress 提交表單後,回到 n8n 的 Webhook 節點,你會看到它顯示「1 item」,並且底下有剛剛提交的 JSON 格式資料。這代表 n8n 已經成功接收到資料了!

接下來就是重頭戲,把這些資料寫進 Google Sheets。

  1. 在 Webhook 節點後面點擊「+」號,搜尋並選擇 Google Sheets 節點。
  2. Authentication 部分,選擇或建立你的 Google 帳號憑證 (Credential)。第一次使用需要授權 n8n 存取你的 Google Drive 和 Sheets。別擔心,這個授權流程是安全的 OAuth 2.0。
  3. Resource 選擇 SheetOperation 選擇 Append or Update(因為我們要新增資料)。
  4. Sheet ID 欄位,n8n 會自動抓取你帳號下的所有試算表,從下拉選單中選擇你先前建立好的那個。
  5. Sheet Name 選擇對應的工作表名稱(預設是 Sheet1)。
  6. 最關鍵的一步來了:Columns。點擊 Add Column,你會看到你試算表上的所有欄位標題。現在,我們要將 Webhook 接收到的資料對應到這些欄位上。

步驟五:資料對應 (Data Mapping) - 像玩樂高一樣有趣!

這部分是 n8n 的精髓所在。在 Google Sheets 節點的每個欄位值 (Value) 輸入框旁,都有一個小小的方塊圖示。點擊它,你會看到一個「Expression Editor」。

在左側的 INPUT DATA 中,展開 Webhook 節點的資料,你會看到剛剛測試提交的表單內容,例如 body.your-name, body.your-email 等。

現在,把這些資料拖拉到對應的欄位值中:

  • Timestamp 欄位:你可以使用 n8n 的內建變數。在 Expression Editor 中輸入 {{ $now }},它會自動填入當前的時間。
  • Name 欄位:從左側拖拉 body.your-name 到值欄位。
  • Email 欄位:從左側拖拉 body.your-email 到值欄位。
  • Message 欄位:從左側拖拉 body.your-message 到值欄位。

完成後的畫面會非常清晰,一邊是你的 Google Sheets 欄位,另一邊是來自 WordPress 的資料來源。這就是視覺化流程的魅力,比寫程式碼直觀太多了!

步驟六:最終測試與啟用工作流程

資料對應完成後,點擊 Google Sheets 節點下方的「Execute Node」按鈕。n8n 會用剛剛從 Webhook 接收到的測試資料,實際執行一次寫入 Google Sheets 的動作。

現在,打開你的 Google Sheets 試算表看看... 噹啷!資料是不是已經神奇地出現在上面了?

確認一切正常後,回到 n8n,將 Webhook 節點中的 URL 從 Test URL 切換到 Production URL,並將整個工作流程右上角的開關從 Inactive 切換到 Active

恭喜你!你的 n8n 與 Google Sheets 自動化 工作流已經正式上線。從現在開始,任何透過 WordPress 表單提交的資料,都會在幾秒鐘內自動、準確地記錄到你的 Google Sheets 中,再也不需要你手動操作了!

更進階的應用與思考

學會了基礎的表單串接,你已經打開了 WordPress 自動化的新世界大門。以下是一些你可以延伸思考的應用:

  • WooCommerce 訂單同步:當有新訂單成立時,自動將訂單編號、客戶資訊、商品項目、金額等同步到 Google Sheets,方便財務對帳或庫存管理。
  • 使用者註冊通知:有新使用者註冊時,除了寫入 Google Sheets 備份,還可以串接 Slack 或 LINE Notify 節點,即時通知管理員。
  • 文章發佈備份:當你在 WordPress 發佈新文章時,自動將文章標題、連結、作者等資訊備份到 Google Sheets,方便做內容行事曆管理。
  • 雙向同步?:更瘋狂一點,你甚至可以在 Google Sheets 上管理內容,然後透過 n8n 定期檢查更新,再利用 WordPress REST API 節點回寫更新到網站上!不過這水就比較深了,需要更謹慎的流程設計。

自動化的可能性是無限的,關鍵在於你如何組合這些強大的工具。n8n 就像是黏著劑,可以把你日常使用的各種服務無縫地串連在一起。

希望這篇詳細的教學能幫助你擺脫重複性的手動工作。身為一個懶惰(我是說追求效率)的工程師,我堅信能讓機器做的事,就不要自己動手。如果你對 WordPress、n8n 或任何自動化流程有更深入的問題,或是需要客製化的解決方案,我們隨時歡迎你來聊聊。

延伸閱讀

準備好讓你的網站進入全自動時代了嗎?

厭倦了日復一日的複製貼上嗎?想要打造更高效、更聰明的網站工作流程嗎?浪花科技專精於 WordPress 深度客製化與自動化流程建置,無論是複雜的 API 串接,還是企業級的自動化解決方案,我們都能提供最專業的協助。立即與我們聯繫,讓我們幫助你釋放團隊的生產力,專注於真正重要的事情上!

// FAQ

常見問題

為什麼選 n8n 來串接 WordPress 和 Google Sheets,而不是 Zapier 或 Make?
n8n 最大的誘因是開源且可自架,資料完全掌握在自己手上、不必擔心昂貴月費(也提供雲端版方便上手)。它採節點式視覺化流程,把功能像畫流程圖一樣串起來,不需寫大量程式碼;同時內建數百種應用程式節點並支援自訂 JavaScript 或 HTTP Request 節點,兼具企業級彈性與平易近人的操作介面。
n8n 的 Webhook 節點在這個自動化流程中扮演什麼角色?
Webhook 節點是接收 WordPress 資料的入口,相當於 WordPress 與 n8n 之間的專線電話。WordPress 表單一有新資料就會呼叫這個 Webhook URL 並把資料送過來。建立後 n8n 會先給一個 Test URL,需先執行節點進入等待資料模式並接收一筆範例,n8n 才能得知資料結構。
Contact Form 7 不支援 Webhook 時該怎麼把資料送到 n8n?
原理適用於任何支援 Webhook 的表單外掛(如 Fluent Forms、Gravity Forms)。若使用的外掛本身不支援 Webhook,可安裝像 CF7 to API 這類輔助外掛,在表單設定中把 n8n 提供的 Webhook URL 貼上,使表單提交時自動將資料送出。
在 n8n 的 Google Sheets 節點要選哪個操作來新增表單資料?
Resource 選擇 Sheet、Operation 選擇 Append or Update 來新增資料,並透過下拉選單選好對應的 Sheet ID 與工作表名稱。接著在 Columns 把 Webhook 接收到的欄位(如 body.your-name、body.your-email)對應到試算表標題,時間欄位可用內建變數 {{ $now }} 自動填入當前時間。
n8n 工作流測試完成後要怎麼正式上線?
測試成功後,把 Webhook 節點的 URL 從 Test URL 切換成 Production URL,再將整個工作流程右上角的開關從 Inactive 切換到 Active。完成後任何透過 WordPress 表單提交的資料都會在幾秒內自動寫入 Google Sheets,不需再手動操作。
~/roamer-tech/newsletter // FREE
// newsletter

訂閱免費電子報

把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧,整理成電子報寄給你。只寄精選內容、不灌垃圾信,一鍵就能退訂。

$
// final.exec()

準備好讓你的網站開始為你工作了嗎?