適合誰使用
使用 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 同意勾選框的欄位
