技術文件目前產品線:Fluent Forms 表單

Fluent Forms 表單欄位總覽:從一般欄位到進階與容器欄位完整介紹

更新日期
閱讀時間
約 4 分鐘
來源狀態
generated-draft

本篇說明

Fluent Forms 提供豐富的欄位庫,讓你打造符合需求的表單,涵蓋一般文字輸入、進階欄位、容器版面配置,以及可直接對應到 WordPress 文章與分類的欄位。本篇整理各類欄位的用途,方便你依需求選用適合的欄位類型。

適合誰使用

使用 Fluent Forms 外掛建立表單的 WordPress 網站管理者

開始前準備

  • 已安裝並啟用 Fluent Forms 外掛,並在後台建立表單

教學內容

一般欄位(General Fields)

一般欄位涵蓋聯絡表單、註冊與問卷中最常用的輸入類型,例如 Simple Text 單行文字、Text Area 多行訊息輸入

還包括 Name 姓名結構化欄位、Email Address 電子郵件驗證、Numeric 數字限制、Phone/Mobile 電話格式化等

另有 Dropdown、Radio、Checkbox、Multiple Choice、Country List、Time & Date、File Upload、Image Upload 與 Custom HTML 等選項與上傳類欄位

進階欄位(Advanced Fields)

進階欄位適用於測驗、預約、同意條款與動態資料,例如 Chained Select 連動下拉選單、Dynamic Field 可從文章、使用者或分類法拉取選項

也包含 FluentBooking 預約選擇器、GDPR Agreement 同意勾選框、Quiz Score 測驗計分、NPS 淨推薦值調查

其他還有 Range Slider 滑桿、Ratings 星級評分、Repeat Field 重複欄位列、Rich Text 格式化文字、Save Progress Button 儲存進度按鈕、Section Break 區塊分隔與 Terms & Conditions 條款同意

容器欄位(Container Fields)

容器欄位用來控制版面配置,可將欄位並排分組,打造整齊有條理的表單

包括 Container 多欄排列、Accordion Container 可摺疊區塊、Repeat Container 重複整組欄位,以及 Resizeable Container 可自由調整欄寬

文章與分類法欄位(Post & Taxonomy Fields)

這類欄位可將表單提交內容直接對應到 WordPress 文章與分類法,適合用於前台文章發佈功能

包含 Post Title、Post Content、Post Excerpt、Featured Image、Post Update(讓使用者編輯既有文章)、Categories 與 Tags

後續設定:條件邏輯與數值計算

設定好欄位後,可進一步透過 Conditional Logic 依使用者輸入顯示或隱藏欄位

也可使用 Numeric Calculation 依欄位輸入即時計算數值

介面名稱對照

  • Chained Select:連動式下拉選單,多個選單之間會互相篩選選項
  • Repeat Container:可讓使用者重複新增整組欄位的容器
  • Dynamic Field:可從文章、使用者或分類法拉取選項的欄位
  • GDPR Agreement:新增 GDPR 同意勾選框的欄位

官方來源

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「Fluent Forms 表單欄位總覽:從一般欄位到進階與容器欄位完整介紹」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。