fbpx
WordPress 黑色星期五推薦清單

如何在 WordPress 中嵌入 Google Forms (表單),無須安裝任何外掛和編程能力

這篇文章最後更新日期:2024 年 5 月 24 日
作者: Mack Chan

如何可以在不安裝任何 WordPress 外掛 之下,免費收集到網站訪客提交的資料?這次介紹大家使用耳熟能詳的 Google Forms (俗稱:Google 表單)。它是一個知名的免費調查和管理表單的應用程式。

用戶可以通過它調查和搜集他人訊息,也可以用來作測驗和充當活動報名表格,然後收集到的訊息和測驗結果將自動傳輸到電子表格之上。此外 Google Forms 還具有多用戶協作和強大的共享功能。這次教學讓新手了解如何在 WordPress 網站嵌入 Google Forms (表單)。

相關 Google Forms (表單) 參考來源:
WordPress.com | FormFacade – WordPress plugin for Google Forms
Google 表單 – 免費建立和分析問卷調查
維基百科:什麼是 Google 表單 (Google Forms)?


瀏覽 WordPress 外掛程式
完整教學系列指南目錄

你將會學習得到以下知識和技能:

  • 了解如何前往 Google Forms 服務
  • 如何選取希望分享的 Google 表單
  • Google Forms 服務 | 傳送表單設定
  • 在區塊編輯器新增「自訂 HTML」區塊
  • 更新並預覽最終效果

Youtube 教學影片:

如何在 WordPress 中嵌入 Google Forms (表單)
影片長度:5 分鐘
語言:國語
字幕:繁體中文

前往 Google Forms 服務

前往 Google Forms 服務
前往 Google Forms 服務

這個表單服務是免費的,只需要開立一個 Google 帳號,相信大部分人對這不陌生,加上網絡上有大量相關的教學。不過「Google Forms 表單」的位置常常改動,不過其實很好找,這邊無法提供一個永久正確的位置。

步驟一:
點擊 Google Forms 服務裡的「表單」功能。


選取希望分享的 Google 表單

選取希望分享的 Google 表單
選取希望分享的 Google 表單

進入到 Google Forms 服務之後,選擇你希望顯示在 WordPress 網站裡的表單即可,沒有限制可以置入多少份表格,這次以嵌入一份 Google Forms (表單) 作為範例。

步驟一:
點擊希望分享的表單,記得確認清楚無誤。


點擊「傳送」設定

點擊「傳送」設定
點擊「傳送」設定

進入介面後,點擊右上方的「傳送」按鈕,會提供數種分享的方式,就是我們今天介紹的重點。


傳送表單設定

傳送表單設定
傳送表單設定

請依照以下操作,如果沒有 HTML 基礎的站長可能看不懂,不過沒關係,我們只需要「無腦複製」就可以了,接著會交給 WordPress 處理。

步驟一:
點擊「嵌入 HTML」圖標 icon。

步驟二:
設定表單的「寬度」和「高度」,單位是像素 px。

步驟三:
確認無誤後,點擊「複製」即完成所有流程和步驟。


在區塊編輯器新增「自訂 HTML」區塊

在區塊編輯器新增「自訂HTML」區塊
在區塊編輯器新增「自訂 HTML」區塊

區塊編輯器 模式之下,點擊 [+] 號新增區塊,這個「自訂 HTML」是 WordPress 原生的,並不需要安裝額外的第三方外掛。

步驟一:
在輸入欄輸入「HTML」即可,因為相同名稱的區塊不多。

步驟二:
應該會發現「自訂 HTML」區塊,點擊它即可以制作一個輸入 HTML 程式碼的地方。


輸入 HTML 程式碼

輸入 HTML 程式碼
輸入 HTML 程式碼

如果不熟 HTML 語法,記得什麼都不要動,少做少錯。

步驟一:
點擊「HTML」模式。

步驟二:
將從 Google 表單複制的 <iframe> HTML 程式碼貼上。


更新並預覽最終效果

更新並預覽最終效果
更新並預覽最終效果

更新或發佈頁面後,會看到一份完整的 Google 表單 輕鬆地置入了我們的網站裡,不過通常表單的「寬度」和「高度」需要站長多微調數次,才能得到滿意的效果,畢竟每個人使用的 佈景主題 都不同,這邊就不作更多解釋,希望大家喜歡這次的教學。


瀏覽 WordPress 外掛程式
完整教學系列指南目錄

常見問題 FAQ

Google Forms (表單) 是免費嗎?

完全免費,它是一個知名的免費調查和管理表單的應用程式,用戶可以通過它調查和搜集他人訊息,也可以用來作測驗和充當活動報名表格,然後收集到的訊息和測驗結果將自動傳輸到電子表格之上。

需要安裝額外的 WordPress 外掛嗎?

雖然市面上有專屬的 Google Forms 外掛,但畢竟使用太多外掛會影響網站的效能,所以我們不建議這樣做。反倒是透過 強大的區塊編輯器 裡的「自訂 HTML」區塊來完成這個動作。


參考資料和引用文獻:


我們提供市場上最新的網站架設
新聞、教學和相關知識,我們不會向用戶
發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

WordPress 學員人數
15,000+ 人 (持續增加之中)

前往免費的學習社團
中文語系的 WordPress - Facebook 社團列表

在〈如何在 WordPress 中嵌入 Google Forms (表單),無須安裝任何外掛和編程能力〉中有 2 則留言

發表您的留言