如何在網站中嵌入 Google Forms?

"我可以把 Google Form 直接嵌入我的網站,而不是用連結嗎?"- Google Docs Editors Community

您希望聯絡表單或報名表單就在您自己的網站上,而不是藏在連結後面。Google Form 的連結會把訪客送出您的網站,有些人就不會再回來。Google 自己的嵌入程式碼能讓他們留在頁面上,但表單會放在一個有自己捲軸的固定方塊中,外觀還是 Google 的樣子。使用 Formfacade,您把一段嵌入程式碼貼到網頁中,表單就會顯示在那裡,沒有 iframe,也沒有 Google 的品牌標示,而答案仍然會送到 Google Forms 和 Google Sheets。

以下是把 Google Form 放到您網站上的三種方法,以及各自的不足之處。

1. 連結到表單

從 Google Forms 複製表單的連結,放在按鈕或選單上。設定很快,但訪客得離開您的網站去填寫表單,有些人就不會再回來。

2. 貼上 Google 的 Embed HTML

開啟您的 Google Form,點選右上角的 ⋮ More 圖示。選擇 Embed HTML,複製 HTML 程式碼,然後貼到您要放表單的網頁中。
顯示 iframe 程式碼、Width 640 和 Height 384 的 Embed HTML 對話方塊,標示了 Copy
這樣訪客會留在您的頁面上,但您只能變更表單的寬度和高度。它顯示在一個有自己捲軸的固定方塊中,底部還有 Google 的品牌標示和免責聲明。

3. 使用 Formfacade 嵌入

  • 點選建立您的表單,為表單命名,點選 Build form,再點選 Proceed。
  • 點選「Share」分頁,再點選 Embed。
  • 在「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 的品牌標示。
如需協助讓表單搭配您的網站,請點選 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 settings 來搭配您的網站。
  • 若要保留這些顏色,請點選「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,訪客也會留在您的網站上。建立您的表單並完成上述步驟。如有任何問題,請寫信給支援團隊。

最後更新: