如何在網站中嵌入 Google Forms？

"我要怎麼把 Google Forms 插入、嵌入或加入成聯絡表單"- Google Docs Editors Community

這是常見的問題，Google 論壇上已有 18 人問過網站上聯絡表單的事。Google Forms 表單的連結會把訪客帶離您的網站，有些人就不會回來了。Google 的 Embed HTML 能讓訪客留在頁面上，但表單會待在固定的方框裡，有自己的捲軸和 Google 頁尾，而且您只能變更寬度和高度。使用 Formfacade，您只要在頁面貼上一段嵌入程式碼，表單就會顯示在那裡，沒有 iframe，也沒有 Google 品牌標示。答案仍會送到您的 Google Forms 表單和 Google Sheets，您可以排序並決定先打給誰。

以下是將 Google Forms 表單放到您網站上的兩種方式，以及各自的不足之處。

Google Forms 的 Embed HTML

  • 開啟您的 Google Forms 表單，點選右上角的 ⋮ More 圖示
  • 選擇 Embed HTML
  • 複製 HTML 程式碼，貼到您要放置表單的網頁中
顯示 iframe 程式碼、Width 640 和 Height 384 的 Embed HTML 對話方塊，標示了 Copy
不足之處：您只能變更寬度和高度。表單會保留 Google 的外觀和底部的說明，長表單也會在自己的方框內捲動。

Formfacade 嵌入程式碼

  • 在開啟的頁面中為表單命名，點選 Embed form，再點選 Proceed。
  • 在 Share 分頁的 Where do you want to embed this form? 下，選擇「My website is different from above」並點選 Next。
Share 下的 Embed 分頁詢問 Where do you want to embed this form?，標示了 Embed、My website is different from above 和 Next
  • 複製這段嵌入程式碼，貼到您要放置表單的網頁中。
Share 下的 Embed 分頁在方框中顯示嵌入程式碼，標示了程式碼
您的表單會顯示在網頁上，沒有 iframe，也沒有 Google 品牌標示。不足之處：免費方案會加上一個小小的 Formfacade 署名，要移除需要付費方案。

需要協助讓表單配合您的網站嗎？

在嵌入程式碼畫面點選 Next，選擇「Yes, I want to customize UI like my website」，再點選 Next。
Embed 分頁詢問 Have you embedded the form?，已選取並標示 Yes, I want to customize UI like my website，也標示了 Next
輸入您頁面的網址和訊息，然後點選 Submit。我們的團隊會與您聯繫，協助您處理需求。
Embed 分頁詢問 Which page did you embed the form? 和 Do you need any help?，標示了訊息方框和 Submit

如何讓表單符合您網站的顏色和字型？

  • 點選「Preview」分頁
  • 設定 Primary color、Background 和 Typography 來配合您的網站
  • 要保留這些顏色，請點選「Apply to all forms」按鈕，這會變更您帳戶中所有上線中的表單，而不只是這一個。不點它，嵌入程式碼也能運作
  • 要變更表單版面，請點選 Layout 分頁。那裡的按鈕是「Apply to this form」
Preview 中的 Theme 分頁，含 Primary color、Background 和 Typography 設定，標示了色塊和 Apply to all forms 按鈕

如果我的網站使用 WordPress、Squarespace、Shopify 或 Wix 呢？

Google Forms 預設的嵌入可能會在您的網站上出錯並截斷表單，所以請改用 Formfacade 嵌入程式碼。如果您的網站在清單中，就選取它並依照顯示的說明操作。Shopify、Wix 或其他網站，請選擇「My website is different from above」。您也可以閱讀如何將 Google Forms 嵌入 WordPress？、如何將 Google Forms 嵌入 Squarespace？、如何將 Google Forms 嵌入 Wix？和如何將 Google Forms 嵌入 Google Sites？

摘要

連結會把訪客帶離您的網站，而 Google 的 Embed HTML 會把表單放進帶有 Google 外觀的固定方框。使用 Formfacade，您只要在網頁貼上一段嵌入程式碼，表單就會顯示在那裡，沒有 iframe，也沒有 Google 品牌標示，答案仍會送到您的 Google Forms 表單。建立您的表單並完成上面的步驟。如有任何問題，請寫信給支援團隊。

最後更新：