WordPress 嵌入 Google 表單的快速教學,無需外掛也能輕鬆搞定
把 Google 表單嵌入 WordPress 只要兩步:在 Google 表單點「傳送」複製 HTML 嵌入碼,再到 WordPress 頁面的「自訂 HTML」區塊貼上,全程不…
WordPress 嵌入 Google 表單教學:嵌入步驟+該不該用的判斷框架
把 Google 表單嵌入 WordPress 只要兩步:在 Google 表單點「傳送」複製 HTML 嵌入碼,再到 WordPress 頁面的「自訂 HTML」區塊貼上,全程不必寫程式也不必裝外掛。根據 Google Workspace 官方說明,Google Forms 自 2008 年由 Google 免費提供,回覆會自動寫進綁定的 Google 試算表並可一鍵匯出 Excel。但嵌入成功只代表能用,不代表適合你,樣式不能客製、會露出 Google 品牌、無法整合會員與即時通知,這三個限制才是決定該不該用的關鍵。
重點先看:嵌入只要複製 iframe 嵌入碼貼到 WordPress HTML 區塊,Google 表單 2008 年起完全免費、零安裝,但會露出「Powered by Google」、樣式無法客製、也無法串接會員系統。除了步驟之外,iframe 嵌入碼逐行拆解、手機版自適應三種解法、無障礙與 SEO 影響評估、進階除錯對照矩陣,以及一套「需求強度 × 使用壽命 × 品牌要求」的決策評分卡,都能幫你在動手嵌入前先把方向定對。
WordPress 是目前全球使用最廣的內容管理系統,根據 W3Techs 的調查,WordPress 在已偵測出內容管理系統的網站中占比約 59.2%,佔全部網站約 41.5% [來源:〈W3Techs:Usage Statistics and Market Share of WordPress〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026-06-29〉]。正因為 WordPress 用量龐大,「如何在 WordPress 放一張表單」成了最常見的新手需求之一,而 Google 表單因為免費、免安裝,往往是第一個被考慮的選項。「能不能用、怎麼用、什麼時候不該用、用下去會踩到哪些坑」一次就能講清楚,不必繞路。
先判斷:你真的適合用 Google 表單嵌入 WordPress 嗎?
如果你的表單需要客製樣式、要跟網站會員系統串接、要收到即時通知信,或不想露出 Google 品牌,那 Google 表單嵌入就不是好選擇;反之,只要快速做個聯絡表、報名表或問卷、不在意外觀,它就是最省事的免費方案。從實務經驗來看,最常見的問題其實是嵌完才發現選錯工具,嵌入失敗反而少見。很多站長是收到第一封抱怨「手機看很醜」「我打不開你的表單」才回頭檢查,這時重做的時間已經賠進去了。
選錯比做錯更浪費時間。Google 表單的強項是免費、跨平台、問卷邏輯成熟,弱項是視覺與整合。在動手嵌入之前,先用底下的矩陣框住自己的需求,比看完一篇 WordPress 架站全攻略 還能幫你省下後續改表的工。
4 種你「不該用」Google 表單的情境
- 高度客製樣式需求:表單要跟著網站配色、字體走,要圓角、要品牌 header。Google 表單嵌入後是 iframe,外部 CSS 改不到內部,頂多調個寬高。
- 會員資料整合:要把填單資料寫回 WordPress 會員權限 或 會員登入註冊系統,Google 表單做不到站內帳號綁定。
- 即時站內通知:希望填完後系統立刻推播到你的信箱或 LINE 浮動按鈕,Google 表單本身不會寄到 WordPress 信箱。
- 品牌露出零容忍:底部那行「Powered by Google」拿不掉,這對 追求詢問單轉換 的商業站是硬傷。
4 種「最適合用」Google 表單的情境
反過來看,幾種情境 Google 表單反而最順手。臨時活動報名表,辦完就拆、不需要長期維護,這類需求嵌入碼一貼就能上線。欄位少、邏輯單純的簡單聯絡表,接個 SMTP 穩定發信 就足以應付。題目多、又要跳題的市場調查問卷,Google 表單的條件分支其實比多數免費外掛成熟。還有一種是短期活動或一次性徵件,用完即棄、不在意長期維護,嵌入 Google 表單的省事程度最高。
講了這麼多,給你一個 30 秒決策矩陣。如果你在「需求強度 × 使用壽命 × 品牌要求」這三個維度上,有任何一項是高,就建議直接往表單外掛靠攏,別在嵌入碼上硬凹。對需求不確定的新手,30 分鐘快速架好 WordPress 的流程裡其實就會碰到要不要裝表單外掛這個抉擇。
| 需求 | 推薦方案 | 理由 |
|---|---|---|
| 臨時報名、用完即拆 | Google 表單嵌入 | 免費、零設定 |
| 長期聯絡表、要品牌一致 | 表單外掛 | 可客製、可串通知 |
| 市場問卷、多題跳題 | Google 表單 | 問卷邏輯成熟 |
| 會員報名、要寫回帳號 | 表單外掛 | 可整合會員系統 |
| 檔案徵件、不在意品牌 | Google 表單 | 檔案直存 Google Drive |
決策評分卡:用三個維度量化你的選擇
矩陣看一眼就過,評分卡則能逼你把模糊的「我好像需要」轉成具體分數。底下這張卡把三個維度各分成高(3 分)、中(2 分)、低(1 分)三檔,總分越高,越該往表單外掛靠;總分偏低則 Google 表單嵌入就足以勝任。這是原創的分析框架,不依賴任何外部資料,重點是讓你在動手前先把需求講清楚。
| 維度 | 低(1 分) | 中(2 分) | 高(3 分) |
|---|---|---|---|
| 需求強度(樣式、整合、通知) | 只要能填就好 | 想要但可妥協 | 缺一不可 |
| 使用壽命 | 單次、數週內拆除 | 數個月 | 長期常駐 |
| 品牌要求 | 不在意 Google 字樣 | 希望淡化 | 品牌零容忍 |
怎麼算分很簡單:三個維度加總,3 到 4 分代表需求輕、壽命短、品牌可妥協,Google 表單嵌入是最佳解;5 分屬於邊界,可以先嵌入上線、留好之後換外掛的退路;6 到 9 分代表三項裡至少一項偏高,直接投資表單外掛更省事。舉個非偽造的示意情境:一個里辦的週末親子活動報名表,三個月後就拆、不在意品牌、只要能收名單,三項全低,總分 3,Google 表單完美勝任;換成一間設計工作室的長期接案詢價表,要品牌一致、要串 CRM、要常駐一年以上,三項全高,總分 9,硬用 Google 表單只會在三個月後重做。
嵌入前要準備好的 3 件事
嵌入前你必須先確認三件事:表單權限對外公開、檔案上傳需求要先開啟、先決定好表單放在哪個 WordPress 頁面。這三項任一個漏掉,嵌入後訪客不是打不開就是找不到入口。常見的情況是表單嵌得很漂亮,結果客戶回報「點進去要我登入公司帳號」,這幾乎都是權限設錯,不是嵌入碼錯。
- 第一項是帳號權限。用 Google Workspace 機構或商業帳號建立的表單,預設可能限制「僅限該機構使用者」填寫,要讓外部訪客填,得到表單「設定」面板關閉這個限制,沒關的話外面的人打開就看到權限不足。
- 第二項是檔案上傳的前提。需要訪客上傳檔案,填寫者就必須登入 Google 帳號才能傳,檔案會存進你綁定的 Google Drive,受每個 Google 帳號 15GB 免費儲存額度限制,匿名訪客上傳這條路是堵死的。
- 第三項是先把目標頁面開好。嵌入前在 WordPress 後台 新增好聯絡頁或報名頁,確定表單落點,頁面觀念不清楚的可先看 文章與頁面的差異。
還有一個常被忽略的點:表單回覆會存進綁定的 Google 試算表,所以一開始登入的 Google 帳號最好是你長期會用的那個。嵌到一半才換帳號,資料會散在兩份試算表裡,整理起來很痛。如果你連 WordPress 架站新手 5 步驟 都還在走,建議先確認帳號再動手。
權限設定的兩種帳號差異
把權限這條單獨拉出來講,是因為它是「別人打不開」的頭號元兇,而且行為會因帳號類型而不同。個人 Gmail 帳號建立的表單,預設就是對外公開,幾乎不會卡人;用 Google Workspace(舊稱 G Suite)機構或商業帳號建立的表單,預設很可能鎖在「僅限該網域使用者」。兩者的差別不在嵌入碼,而在 Google 後台的回應設定,所以你在外觀上完全看不出問題,要等真的用另一個帳號測試才會發現。
驗證的方法很直接:把表單連結或嵌入頁面用「無痕視窗」、或登出 Google 後開啟一次,最好再用一支沒登入過的手機掃 QR code 實測。如果無痕視窗能填,代表權限對外公開;如果跳出登入或權限不足,就回 Google 表單的「設定 → 回應」把限制關掉再重測。這一步省下的 debug 時間,遠比你改嵌入碼來得多。
把 Google 表單放進 WordPress:兩步就完成
第一步在 Google 表單點「傳送」,切到「<>」HTML 圖示複製嵌入碼;第二步到 WordPress 頁面新增「自訂 HTML」區塊,貼上嵌入碼後發布即可。全程不必碰程式碼,連 WordPress 外掛安裝 都不用,這也是它最大的魅力。
Step 1:在 Google 表單複製嵌入碼
- 開啟 Google Forms,新增或開啟要嵌入的表單。
- 點上方的「傳送」按鈕,跳出視窗後切到最右邊的「<>」嵌入圖示。
- 視窗會顯示寬高欄位,可調整嵌入尺寸,預設為固定寬高,無特別需求可先維持預設。
- 按下「複製」,取得一段以 iframe 包起來的 HTML 嵌入碼。
Step 2:在 WordPress 貼上嵌入碼
- 到 WordPress 後台,選「頁面 → 新增頁面」。
- 在 Gutenberg 區塊編輯器 裡加入「自訂 HTML」區塊。
- 把剛複製的 iframe 嵌入碼貼進去,按下「發布」或「更新」。
- 回前台重新整理,確認表單正常顯示且可填寫。
若你是用 Elementor、Divi 這類頁面編輯器,流程一樣,只是改用對應的「HTML」或「短碼/Code」小工具貼上即可。Elementor 用戶可參考 Elementor Pro 視覺化表單 或 Elementor Pro 表單設計 的進階做法。頁面編輯器選擇可對照 WordPress 頁面編輯器評測。
| Google 端動作 | WordPress 端動作 |
|---|---|
| 開表單 → 傳送 → <> 圖示 | 新增頁面 → 自訂 HTML 區塊 |
| 調寬高 → 複製 iframe 嵌入碼 | 貼上嵌入碼 → 發布 |
| 確認權限對外公開 | 前台重新整理驗證顯示 |
iframe 嵌入碼逐行拆解:你看不到的細節決定顯示結果
嵌入碼貼進去就會動,但如果你只會貼不懂結構,遇到「為什麼手機被截斷」「為什麼出現橫向卷軸」就會卡住。Google 表單給的嵌入碼本質是一段 iframe,理解它的每個屬性,等於拿到調校的鑰匙。底下用一段典型的 Google 表單嵌入碼(已將網址替換為示意佔位符)逐行說明,重點在搞懂哪個屬性控制哪個行為,程式碼本身倒不必硬記。
iframe src="https://docs.google.com/forms/d/e/表單ID/viewform?embedded=true"
width="640" height="900"
frameborder="0" marginheight="0" marginwidth="0">載入中…
- src 與 embedded=true:src 指向你的表單,後面的
embedded=true是告訴 Google「這是要嵌入網頁的模式」,會拿掉部分 Google 頁面外框、改以適合內嵌的方式呈現。少了這個參數,有時會多帶一層導覽,建議保留 Google 預設給的形式。 - width 與 height:這兩個就是決定顯示尺寸的關鍵。Google 預設給固定像素值,
width="640"在手機上會超出容器造成橫向卷軸,這正是後面「手機版截斷」與「超出頁面寬度」兩個問題的共同根源。把手機版修好,多半就是在動這兩個值。 - frameborder、marginheight、marginwidth:這三個是舊式屬性,用來移除邊框與內邊距。現代瀏覽器多半已忽略,留著無害,刪掉也行,不影響功能。
- iframe 內的文字:夾在開頭與結尾標籤之間的「載入中…」是 fallback 文字,當瀏覽器不支援 iframe 或載入失敗時顯示。這段文字對無障礙與 SEO 也有意義,建議寫成有意義的描述,例如「表單載入中,若無法顯示請直接前往 Google 表單填寫」,而不是空白。
拆解完你會發現,Google 表單嵌入的所有「可控項」其實就只有 width、height、iframe 內文字這三處。想再往下改樣式,外部 CSS 撞到 iframe 的同源政策(same-origin policy)改不進去,這也是為什麼前面強調「樣式客製」屬於 Google 表單的硬限制,單靠技巧克服不了。記住這個結論,後面遇到顯示問題時,你就不會花時間去找「怎麼改 iframe 裡的字體顏色」這種不存在的解法。
嵌入後最常見的 5 個問題與修法
表單嵌完之後,最常出現的五個問題是:手機版高度被截斷、嵌入碼寬度超出容器、機構帳號擋住外部訪客、載入偏慢、收不到填寫通知。前三個改 iframe 寬高、第四個用延遲載入、通知則回 Google 表單設定開啟。會自己修,就不用每件事都開 小工具 或裝新外掛。
- 手機版截斷:把 iframe 的 height 改成較大的固定值,或在容器加
max-width:100%、用 CSSaspect-ratio自適應。這是 網站顯示 調校的基本功。 - 超出頁面寬度:在 iframe 標籤加
style="width:100%",讓它跟著容器縮放,不會出現橫向卷軸。 - 外部訪客打不開:回 Google 表單「設定」,確認「回覆」未限定機構帳號。這條最容易卡到 Workspace 用戶。
- 載入偏慢:iframe 本身不算沉重,但若頁面已裝很多外掛,建議搭配 快取外掛 與延遲載入,或參考 網站速度優化。
- 收不到通知:Google 表單可設定收集電子郵件與回覆通知,但它不會寄到 WordPress 信箱,要改用 Google 試算表附加元件或 Zapier 串接。這點跟 置頂通知列 是兩回事,別搞混。
老實說,前四個問題改 iframe 屬性就能解決,只有「通知」這件事是 Google 表單的結構性限制。如果你連收到填寫通知都很在意,這本身就是該換外掛的訊號。釐清問題類型,比硬改嵌入碼更省時間。
手機版自適應的三種解法比較
「手機版截斷」幾乎是嵌入 Google 表單後第一個被回報的問題,原因是 Google 給的固定 height 無法跟著表單實際內容長度伸縮。手機上的表單往往比桌機長,固定高度就會把送出按鈕切掉,填寫者根本看不到送出鍵。底下三種解法各有適用情境,差別在「精準度」與「維護成本」。
| 解法 | 做法 | 優點 | 缺點 |
|---|---|---|---|
| 固定大高度 | 把 height 直接設大(例如 1200 或 1500) | 零維護、最簡單 | 桌機下方留大片空白、不夠長時還是會截 |
| CSS aspect-ratio | 容器用 aspect-ratio 搭配 max-width:100% 自適應 | 比例穩定、響應式 | 表單長度變動大時仍可能不準 |
| JavaScript 動態高度 | 用 script 監聽並改寫 iframe 高度 | 最精準、無空白 | 受同源政策限制,跨網域多半無法取得 iframe 內部高度,實作門檻高 |
這裡要特別誠實地說明第三種的陷阱:理論上用 JavaScript 動態讀取 iframe 內容高度是最完美的,但因為 Google 表單的網域(docs.google.com)與你的 WordPress 網域不同,瀏覽器的同源政策會擋住跨網域讀取 iframe 內部尺寸,所以多數情況下第三種根本做不出來。實務上,活動報名這類一次性需求用第一種「固定大高度」最快,長期表單則建議直接換表單外掛,別在自適應上過度投資。
載入效能與行動體驗:為什麼 iframe 不是免費的
單一 iframe 對頁面速度的影響通常有限,前提是你的頁面本身體質健康。問題出在多數 WordPress 站點同時裝了快取、SEO、安全、表單、頁面編輯器等多個外掛,每個外掛都會帶自己的資源,這時候再多掛一個 Google 表單 iframe,等於在已經偏重的頁面上再加一份第三方請求。行動裝置又是當前的主流使用情境,根據 Statista 的資料,2026 年第一季行動裝置(不含平板)約佔全球網站流量的 52.27% [來源:〈Statista:Share of mobile web traffic worldwide quarterly 2015-2026〉〈https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/〉〈2026-04-28〉],這代表你有一半以上的訪客是在手機上看這個 iframe,行動網路下載入感受會被放大。
Google 自 2020 年起將 Core Web Vitals 納入頁面體驗排名訊號 [來源:〈Evaluating page experience for a better web〉〈https://developers.google.com/search/blog/2020/05/evaluating-page-experience〉〈2020-05-28〉],並於 2023 年 10 月宣布行動優先索引(mobile-first indexing)全面完成,所有能在行動裝置運作的網站都改以行動爬蟲優先檢索 [來源:〈Mobile-first indexing is now fully complete〉〈https://developers.google.com/search/blog/2023/10/mobile-first-indexing-complete〉〈2023-10-10〉]。這兩件事合在一起的意思是:手機上的載入表現不只影響使用者感受,也直接影響搜尋排名。雖然單一 Google 表單 iframe 不太可能是排名殺手,但它確實會佔用 LCP(最大內容繪製)與 INP(互動到下一次繪製)的資源,在已經吃緊的頁面上,它就是壓垮體驗的最後一根稻草。
務實的優先順序是這樣:先顧好頁面主體(圖片壓縮、快取、少裝外掛),再處理表單 iframe。如果頁面本身已經很重,與其糾結 iframe,不如先參考 網站速度優化 與 WP Rocket 設定,把地基打穩。iframe 的延遲載入(lazy load)可以留到最後再上,各項優化的效益才會疊加,不至於互相抵消。
無障礙與 SEO:嵌入表單對搜尋與讀者的隱藏影響
這兩件事很少被一起討論,但對一張放在公開頁面的表單其實很關鍵。先講無障礙:iframe 內容對使用螢幕閱讀器的訪客來說,是一座需要額外跳進跳出的「孤島」。如果你的 iframe 沒有 title 屬性,螢幕閱讀器只會朗讀出「框架」這種無意義的字眼,填寫者根本不知道裡面是什麼。修法很簡單,在 iframe 標籤加上 title="活動報名表單" 之類有意義的標題,讓輔助科技能正確描述這個框架的用途。
- 加上 title 屬性:為 iframe 命名,例如
title="聯絡我們表單",無障礙檢測與讀者體驗都會改善。 - 提供 fallback 連結:在 iframe 內或旁邊放一條「若表單無法顯示,請點此直接填寫」的連結,導向 Google 表單原生網址,避免 iframe 載入失敗時填寫者無路可走。
- 頁面本身要有文字內容:搜尋引擎讀不到 iframe 內的表單欄位,所以表單頁面若只有一段 iframe,等於對搜尋引擎是「內容稀薄」的頁面。在表單上下補充說明文字、常見問答、聯絡資訊,既能幫助 SEO,也能降低跳出率。
SEO 層面要把握一個原則:表單頁面不要只靠 iframe 撐場。搜尋引擎無法解讀 iframe 內的題目與欄位,所以這個頁面能被收錄、能排上關鍵字的,是你寫在 iframe 之外的文字。把「這份表單是做什麼的」「填寫後會發生什麼事」「聯絡方式」用清楚的文字寫出來,等於同時服務了搜尋引擎與不確定要不要填的訪客。要追蹤這個頁面的實際曝光與點擊,先把 Google Search Console 設定 完成,再用 Search Console 日期範圍 對比前後數據。
進階除錯對照矩陣:症狀、原因、修法、歸屬
把前述五個常見問題再往前推一層,整理成一張「症狀 → 可能原因 → 修法 → 歸屬(你修/Google 修/換工具)」的對照矩陣。歸屬欄位是這張表的原創價值:它告訴你這個問題究竟是自己能動手改的、還是得回 Google 後台設定的、又或者是結構性限制只能換工具的。搞清楚歸屬,才不會在不能改的地方白費力氣。
| 症狀 | 可能原因 | 修法 | 歸屬 |
|---|---|---|---|
| 手機看不到送出鍵 | 固定 height 過小 | 加大 height 或改 aspect-ratio | 你修 |
| 桌面出現橫向卷軸 | 固定 width 超出容器 | style="width:100%" | 你修 |
| 外部訪客被要求登入 | Workspace 限制網域 | 回表單設定關閉限制 | Google 後台修 |
| 頁面載入明顯變慢 | 外掛過多疊加 iframe | 快取+延遲載入 | 你修 |
| 填完沒收到通知 | 表單不寄站內信 | 試算表附加元件或 Zapier | 第三方補洞 |
| 想改字體配色 | iframe 同源政策鎖死 | 改表單內佈景主題或換外掛 | 結構性,換工具 |
| 想移除 Powered by Google | 嵌入版綁死 | 改用表單外掛 | 結構性,換工具 |
| 想串會員帳號 | 無站內帳號綁定 | 改用表單外掛 | 結構性,換工具 |
這張表要這樣用:先看症狀找到對應列,再看歸屬欄決定要不要花時間。落在「你修」與「Google 後台修」的,多半十分鐘內能搞定;落在「第三方補洞」的,評估串接成本划不划算;落在「結構性,換工具」的,就直接跳到下面的遷移段落,別再糾結嵌入碼。把心力花在能改的地方,才是把 Google 表單用到極限的正確姿勢。
Google 表單 vs WordPress 表單外掛,該選哪一個?
Google 表單免費、零安裝、資料自動進試算表,但樣式無法客製、會露品牌、無法整合會員與金流;表單外掛能完全融入網站設計、可串接 Email 行銷與 CRM,但要安裝設定、進階功能常需付費。兩者的取捨,本質上是「省成本」換「客製與整合」。
| 比較項目 | Google 表單 | WordPress 表單外掛 |
|---|---|---|
| 成本 | 完全免費 | 免費版有限,進階功能與授權依方案計價,以各外掛官網為準 |
| 樣式客製 | 幾乎無法(iframe 鎖死) | 可完全融入主題 |
| 品牌露出 | 固定露出「Powered by Google」 | 可完全移除 |
| 會員整合 | 無 | 可串會員系統 |
| 通知方式 | 試算表通知,需附加元件 | 原生即時 Email、可接 CRM |
| 資料匯出 | 一鍵匯出 Excel/CSV | 需設定或匯出工具 |
| 檔案上傳 | 直存 Google Drive,受 15GB 限制 | 存站內主機或雲端 |
| 反垃圾能力 | 有限 | 可接 reCAPTCHA、Akismet |
Google 表單的優勢在於免費、跨平台、資料即時進試算表、問卷邏輯成熟;表單外掛如 Contact Form 7、WPForms 等 WordPress 表單外掛、WooCommerce 詢價表單,優勢是視覺一致、可串 Mailchimp 與 CRM、可擋垃圾、可做多步驟表單。要擋垃圾可搭配 Akismet 垃圾留言防護,要串電子報則看 電子報外掛 或 MC4WP 訂閱表單、Bloom 訂閱表單。
退一步看,結論很清楚:臨時或免費需求用 Google 表單;長期經營、要轉換、要品牌的站點,投資表單外掛更划算。若你的表單要接 Google Analytics、GTM 與 GA4 或 Site Kit by Google 做轉換追蹤,外掛的整合彈性也遠勝嵌入碼。追蹤的前提是先把 Google Search Console 設定 完成,表單頁面的曝光與點擊才看得見。
轉換追蹤的差異:為什麼嵌入碼難做行銷歸因
商業站之所以不該用 Google 表單嵌入,除了品牌與樣式,還有一個常被忽略的點:轉換追蹤。表單外掛的送出動作發生在你的網域內,你可以輕易在送出成功頁埋設 GA4 事件、GTM 代碼、Facebook Pixel,把「填表」算成一個可歸因的轉換。Google 表單嵌入後,送出發生在 docs.google.com 這個第三方網域,訪客「送出成功」的畫面也在 Google 那邊,你的分析工具根本收不到這個事件的訊號。
要勉強追蹤,只能繞路:例如把表單獨立放在一個「感謝頁」,用頁面瀏覽來間接推算填表數,或用 Google 試算表的附加元件在收到回覆時觸發 webhook 再回報。這些做法每一條都做得出來,卻也每一條都是額外工程,累積起來的維護成本很快就超過一套表單外掛的授權費。如果你的表單肩負「帶來詢問單」的商業任務,這條帳算下來,外掛幾乎穩贏。
繼續用 Google 表單,可以怎麼補強?
決定繼續用 Google 表單的話,用 Google 試算表的附加元件或自動化工具,可以幫它補上即時通知、自動回信、資料同步到 CRM、甚至轉成 PDF 報表,讓免費表單做到接近付費外掛的效果。
- 即時通知:用 Google 試算表附加元件(如 Form Notification),在每次填寫時寄 Email,補上 Google 表單缺的站內通知,附加元件可在 Google Workspace Marketplace 找到。
- 自動回信:設定填寫後自動寄確認信給填寫者,常用於報名或徵件確認。
- 資料同步:用 Zapier 或 Make 把表單回覆推到 Mailchimp、LINE、Google Sheets、Notion,等於把表單接上 客服 與行銷流程。
- 進階分析:把試算表接 Looker Studio(原 Data Studio)做填寫統計儀表板,比單看試算表更直觀。
說到底,這些工具是「補洞」不是「升級」。Google 表單再怎麼串,iframe 樣式和品牌露出的限制還在。若你串到後來發現附加元件裝了一堆,那其實已經在重走外掛的路,這時直接換 WordPress 頁面建立與編輯 並改用原生表單區塊會更乾淨。
自動化串接的邊界:能補到哪、補不到哪
把附加元件與 Zapier 想成「事後補強」,有助於設定合理期待。能補的是資料流出端:表單回覆進了試算表後,你想推到哪裡都行,寄信、同步 Notion、推 LINE 通知,這些都做得到。補不到的是使用者體驗端:填寫當下的視覺、送出後的站內感謝頁、與會員帳號的綁定,這些都還是在 iframe 與 Google 網域裡發生,串接工具碰不到。換句話說,自動化能把「資料」送到對的地方,但送不到「體驗」。
所以判斷要不要裝附加元件的標準很簡單:如果你的痛點在「資料沒有即時流出」,自動化能解,值得裝;如果你的痛點在「表單長得不像我的網站」「填完沒有站內感謝頁」,自動化解不了,這時與其疊床架屋,不如直接走表單外掛。把工具用在它能發揮的地方,才不會裝了一堆附加元件卻還是覺得表單不順手。
從 Google 表單遷移到表單外掛:無痛換軌路徑
很多站長卡在「我已經用 Google 表單收了一堆資料,換掉很麻煩」而遲遲不換。其實遷移不必一次到位,可以分階段進行,把風險與工作量攤平。底下是一條經過設計的換軌路徑,重點擺在「新舊並存、逐步切換、資料不斷層」,避免把成敗押在一次性切換上。
- 保留舊表單、新建外掛表單:先別拆 Google 表單,用表單外掛建一份欄位相同的新表單,放在同一個頁面或測試頁,確定新表單能正常收件、寄通知。
- 匯出歷史資料備份:從原本的 Google 試算表匯出 CSV,當作歷史資料備份,未來需要比對或匯入新系統時有憑據。
- 切換頁面上的表單:把頁面裡的 iframe 換成新表單的短碼或區塊,發布更新。舊的 Google 表單先別刪,保留連結備用。
- 觀察一段時間再收尾:讓新表單跑一至兩週,確認通知、資料、垃圾攔截都正常,再把舊表單關閉或設為停止回應。
這條路徑的好處是任何一步出問題都能退回上一步,不會發生「今天換掉、明天表單壞掉、連替代方案都沒有」的窘境。換軌過程中如果需要重新檢視主機與外掛體質,可以一併參考 主機架站教學 與 WordPress 安裝完整教學,確保新表單跑在一個健康的環境上。
上線前最終檢查清單
不論你最後選 Google 表單嵌入還是表單外掛,上線前都值得照一張檢查清單逐項打勾。清單的價值在於把「以為沒問題」變成「確認沒問題」,避免上線後才被客戶或讀者發現破綻。這張清單同時涵蓋功能性、行動體驗、權限、無障礙與追蹤五個面向,是任何表單頁面都通用的最低標準。
- 權限:用無痕視窗與未登入手機實測,外部訪客能正常開啟與填寫。
- 手機顯示:送出按鍵在手機上看得到、沒有橫向卷軸、表單沒有被截斷。
- iframe 標題:iframe 已加上有意義的
title屬性,方便輔助科技與讀者辨識。 - fallback 連結:表單旁或頁面某處有「無法顯示時直接填寫」的替代連結。
- 通知測試:自己填一筆測試單,確認通知信或串接流程能收到。
- 資料落點:確認回覆進入正確的試算表或外掛後台,沒有寫錯地方。
- 頁面文字:表單上下有說明文字,頁面不是只有一段 iframe。
- 追蹤設定:若需要轉換追蹤,已埋設對應事件或代碼並實測觸發。
常見問題 FAQ
Google 表單可以嵌入 WordPress 嗎?
沒問題。Google 表單本身就會產生一段可嵌入網頁的 HTML,WordPress 的自訂 HTML 區塊原生的支援它,所以全程不用碰程式碼,也不用找外掛代勞。
Google 表單嵌入 WordPress 要錢嗎?
不用花一毛錢。表單製作、嵌入碼產生、回覆收集,對個人 Google 帳號都是零成本;要付費的只有儲存空間用滿時升級 Google One 的部分。
為什麼我的 Google 表單嵌入後別人打不開?
最常見是機構或商業帳號預設限制「僅限該機構使用者」填寫。回表單設定面板關閉這個限制,外部訪客就能填。用無痕視窗或未登入手機實測一次,是最快的驗證方式。
Google 表單嵌入會拖慢網站速度嗎?
影響有限。單一 iframe 不算沉重,但若頁面已裝很多外掛,建議搭配快取與延遲載入,相關做法可看 WP Rocket 設定。行動流量已佔全球過半,手機上的載入感受會被放大,建議先顧好頁面主體再處理 iframe。
Google 表單收集的資料要去哪裡看?
統一在綁定的 Google 試算表裡。每筆填寫即時寫入,不用手動匯出也能直接看;需要備份或分析時,再從試算表匯出成 Excel 或 CSV。
可以移除「Powered by Google」字樣嗎?
拿不掉,這是嵌入版綁死的條件。表單內部的佈景顏色可以調,底部那行 Google 字樣改不動;品牌零容忍的站點,建議直接走 表格製作外掛 或支援完全去品牌的表單外掛。
Google 表單跟 WordPress 表單外掛差在哪?
核心差異在客製與整合。Google 表單贏在零成本、零設定,但外觀和會員、通知都動不了;表單外掛要花時間裝、進階功能多半收費,換來的是能跟主題設計、CRM、Email 行銷直接串接。
Google 表單可以接 LINE 或 Email 通知嗎?
原生不行,要用 Google 試算表附加元件或 Zapier 串接,才能在每次填寫時寄通知信或推到 LINE。
Google 表單嵌入能做轉換追蹤嗎?
很勉強。表單的送出動作發生在 Google 的網域,你的 GA4 或 GTM 收不到送出事件,只能把表單獨立放在感謝頁用頁面瀏覽間接推算,或用試算表附加元件觸發 webhook 再回報。要把「填表」當成可歸因的轉換,表單外掛的整合彈性遠勝嵌入碼。
Google 表單嵌入要怎麼做才符合無障礙?
兩個動作就涵蓋大部分需求:為 iframe 加上有意義的 title 屬性(例如「活動報名表單」),讓螢幕閱讀器能正確描述這個框架;再於表單旁放一條「無法顯示時請直接前往 Google 表單填寫」的替代連結,避免 iframe 載入失敗時填寫者無路可走。頁面本身也要有說明文字,因為搜尋引擎讀不到 iframe 內容。
結論:什麼時候選 Google 表單,什麼時候換外掛
一句話:臨時、免費、不在意品牌的表單需求,用 Google 表單嵌入最快;長期經營、要轉換率、要品牌一致的網站,投資一套 WordPress 表單外掛才不會三個月後重做。決定框架就三個維度:需求強度、使用壽命、品牌要求,任一項高就往外掛靠。
給「還是先用 Google 表單」的人一條最低成本路徑:表單權限對外公開、嵌入碼貼自訂 HTML 區塊、手機版調 iframe 高度,這樣就足以應付多數臨時需求。配套可以參考 WordPress 架站費用 與 WordPress 安裝完整教學,把基礎打穩再決定要不要升級。
給「決定換外掛」的人,直接看 主機架站教學 打好地基,再依需求挑選合適的表單外掛。選外掛時記得搭配 安全外掛、備份外掛 與 SEO 外掛,把表單放進一個健康的地基。新手也能回頭看 WordPress 主機評測、佈景主題推薦,或 部落格架站教學,把整站體質顧好,表單才會真的發揮作用。
回顧一下,嵌入兩步就能完成,但該不該用是另一回事。一個務實的判斷標準很簡單:這份表單三個月後還會在嗎?會,就投資外掛;不會,就嵌入 Google 表單,省下來的時間拿去做 SEO 或 CTA 設計 反而更值得。表單上線後別忘了用 Search Console 日期範圍 快速對比前後流量,確認頁面真的被找到。把表單的壽命和需求強度擺在同一邊衡量,選錯的機率就會低很多。