告別手動複製貼上！n8n x Google Sheets 終極串接，打造 WordPress 全自動資料庫！

嗨，我是浪花科技的資深工程師 Eric。今天又來跟大家聊聊工程師最愛的東西：自動化。你是不是也曾經歷過，每天早上都要手動把 WordPress 網站上的聯絡表單、訂單資料，一筆一筆複製貼上到 Google Sheets？那種感覺，就像是被困在數位世界的倉鼠輪裡，不斷重複著無意義的勞動，不只浪費時間，更容易出錯。說真的，身為一個工程師，看到這種場景，我的程式碼潔癖都要發作了。時間應該花在創造價值，而不是複製貼上！

今天，我們就要用 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 選擇 Sheet，Operation 選擇 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 或任何自動化流程有更深入的問題，或是需要客製化的解決方案，我們隨時歡迎你來聊聊。

延伸閱讀

• 用 n8n 為 WordPress 注入自動化靈魂：你該知道的五大應用場景
• 告別手動複製貼上！n8n 自動化流程設計終極教學，讓你的 WordPress 學會自己工作！
• 你的 WordPress 正在大開後門嗎？資深工程師的 Webhook 設計與安全驗證終極指南

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

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