表單概覽 - Webflow 幫助
Last updated on 10/9/2025@mrbirddev
添加和配置 Webflow 表單。
表單是網路上最強大的工具之一，無論是收集電子郵件通訊註冊還是潛在客戶的工作詢問，都能有效地捕獲信息。使用 Webflow，您可以完全自定義和優化表單以滿足您的需求。您可以從 添加面板 → 元素 → 表單 中將表單塊添加到您的網站。
表單結構
表單塊繼承其父元素的全寬度，並包含三個子元素：
- 表單 — 包含所有表單輸入和元素
- 成功訊息 — 當表單成功提交時返回的訊息
- 錯誤訊息 — 當表單提交出現問題時返回的訊息
表單結構
您可以在表單中添加或刪除以下任何表單元素，以根據需要自定義表單：
| 表單元素 | 目的 |
|---|---|
| 欄位標籤 | 用於描述表單欄位的功能或目的。欄位標籤對於可訪問性至關重要。 |
| 輸入 | 用於收集單行數據，如問題的簡短回答（例如，姓名或電子郵件地址） |
| 文件上傳 | 允許網站訪客將文件附加到他們的表單提交中 |
| 文本區域 | 允許網站訪客輸入多行數據，如長篇信息 |
| 勾選框 | 用於輸入數據，網站訪客可以選擇一個或多個選項 |
| 單選按鈕 | 用於輸入數據，網站訪客只能從多個選項中選擇一個 |
| 下拉選單 | 允許網站訪客從下拉列表中選擇選項。允許多重選擇 |
| reCAPTCHA | Google 服務，防止表單垃圾郵件 |
| 提交按鈕 | 提交表單中收集的所有數據。沒有 提交按鈕 的表單是不完整的 |
表單元素只能添加在表單區塊內。
如何配置表單元素
您可以雙擊表單元素（例如，輸入框、提交按鈕）以打開其設置。 每個表單元素根據其類型有不同的輸入設置：
| 輸入設置 | 目的 | 附加說明 |
|---|---|---|
| 名稱 | 識別表單提交中的欄位 | 不適用 |
| 必填 | 讓您要求填寫表單欄位才能提交表單 | 阻止空提交 |
| 預設文字 | 在輸入框中顯示的文字，輸入時消失；不應替代標籤或重要說明 | 無法被輔助技術或翻譯工具使用；可從狀態菜單設置樣式 |
| 文本類型 | 指定輸入類型（例如，電子郵件、電話、密碼） | 電話接受字符並顯示鍵盤；密碼隱藏輸入字符 |
| 自動聚焦 | 決定頁面加載時欄位是否自動聚焦 | 注意滾動/跳轉問題或隱藏欄位阻止提交 |
提交按鈕
提交按鈕的設置讓您可以設置：
- 按鈕文字：按鈕上顯示的內容（默認：“提交”）
- 等待文字：按鈕被點擊後及提交完成前替代的內容（默認：“請稍候...”）
如何管理表單設置
自定義成功和錯誤狀態
選擇表單區塊並進入表單區塊設置以：
- 正常：默認狀態
- 成功：成功提交後的消息
- 錯誤：提交失敗後的消息
我們建議在錯誤狀態中包含電子郵件地址，以防網站訪客提交表單時遇到問題。
設定表單名稱
您設定的名稱將表單與其提交數據關聯起來。 如果不設置唯一名稱，所有提交數據將顯示在“電子郵件表單”下。 給予描述性名稱以區分表單。
管理表單提交和通知
- 在 表單區塊設置 中指定接收者。
- 在 網站設置 → 表單 → 表單通知 中訪問高級通知。
- 對於完整的網站擁有者：在 網站設置 → 表單 → 表單提交 中訪問/管理表單數據。
在表單提交時重定向網站訪客
在 重定向 欄位中添加 URL，以便在提交後將用戶引導至其他地方。
設置自定義操作
添加自定義操作以將提交發送到其他地方（例如 HubSpot）。 當您添加此操作時，Webflow 不會 處理或發送通知。 您還可以連接應用以獲得更多整合。
查看應用連接
已連接的應用將顯示在 連接 中。 注意：除非您完全繞過 Webflow 處理，否則 將表單數據發送到 Webflow 始終會顯示。
表單數據和 GDPR
此處內容僅提供信息，並非法律建議。
- 如果您從歐盟居民收集個人數據（包括通過表單），您即為 GDPR 下的數據控制者。
- 獲取適當的數據收集同意。
- 如果為客戶構建，請教育他們了解其責任。
- 如果將數據連接到第三方（例如 Zapier），請檢查責任。
了解更多：
故障排除
如果您的表單無法提交：
- 如果您啟用了 reCAPTCHA，請確保所有表單都包含它。否則，提交將失敗。
- 如果您有隱藏字段，請確保這些字段的 自動聚焦 關閉。
- 免費/未託管的網站限制為總共 50 次表單提交。升級您的網站計劃 以移除限制。
如果問題持續，請聯繫客戶支持。
如果您匯出您的網站，Webflow將**不會處理表單提交。** 請使用第三方工具來收集它們或嵌入第三方表單整合。
Last updated on 10/9/2025@mrbirddev
Recent Articles