把 Google 表單嵌入您的網站

嵌入的表單，就是顯示在您自己頁面框架裡的即時表單。填答者不必離開您的網站就能作答。

允許嵌入

嵌入預設是關閉的，所以沒有其他網站能顯示您的表單。

1. 在側邊欄的 表單 分頁，點擊 即時表單設定 那一列的鉛筆圖示
2. 在 主題 分頁，若 為即時表單套用樣式 是關閉的，請先開啟
3. 開啟 允許嵌入

嵌入程式碼 方塊會出現在開關底下。

複製嵌入程式碼

點擊 複製。程式碼只有一行：

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

請使用您自己對話方塊裡的程式碼，它帶有您表單的 ID。指令碼會在您貼上的位置放入表單的框架，並讓框架維持與表單相同的高度，所以頁面不會出現第二條捲軸。填答者換頁、看到錯誤訊息或到達感謝畫面時，框架會跟著變高或變矮。送出後，會捲回表單的頂端。

若要在同一頁嵌入多份表單，每份表單貼一行。

貼到您的頁面

把程式碼貼到您的網站接受 HTML 的任何地方：

• WordPress。 加入 自訂 HTML 區塊。
• Wix、Squarespace、Webflow。 加入 嵌入 或 程式碼 元素，並把程式碼貼進去。
• 您自己的 HTML。 貼在表單該出現的位置。

如果您的網站不允許指令碼

部分網站建置工具會移除 <script> 標籤。在嵌入程式碼底下，點擊 無法使用指令碼？改用一般 iframe，改為複製那段程式碼：

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

一般 iframe 的高度是固定的。請把 height="900" 改成適合您表單的像素數，頁面才不會出現第二條捲軸。有多個頁面的表單，需要設成最長那一頁的高度。

讓它融入頁面

• 在 允許嵌入 底下開啟 融入我的網站。它會移除表單後方的頁面顏色，讓卡片落在您頁面自己的背景上。風格的卡片、框線與陰影都會保留，即時連結也保留自己的頁面。
• 儲存前，可用 在您的網站上 預覽查看嵌入的表單在一般頁面上的樣子。
• 在 顯示 底下，若不想要 Powered by 那一行，請關閉它。它只能在嵌入的表單上隱藏。
• 嵌入的表單會去掉表單周圍的頁面留白與控制列。

停止嵌入

關閉 允許嵌入，其他網站就無法再顯示表單。關閉 為即時表單套用樣式 也有同樣的效果。