
給新手看的 WP Fluent Forms 教學: 3分鐘做好客製化對話式表單
Last Updated on 2022 年 1 月 4 日
新手自架WordPress網站,表單類外掛不能少,讓你的潛在客戶能輕鬆的聯絡到你或是下訂單。
WP Fluent Forms 是一款非常容易上手的響應式(RWD)表單外掛,直覺式的拖拉區塊,可以幫助新手站長快速地建立好專業且美觀的表單, WP Fluent Forms 也深受國內外WordPress站長的信任和喜愛,下載安裝次數高達90,000+。
內容目錄
WP Fluent Forms 特色
WP Fluent Forms 與其他表單外掛(像是: WPForms、Ninja Form)相較之下,加載速度相較之下為最快的。
1.對話式表單
新穎的對話式表單讓「填寫資料」增添了不少樂趣,不再是枯燥的單向回應,而是有對話互動感般的設計,你也可以添加和調整圖片、設定色彩等,讓整個「填寫資料、回答問題」的過程中,更活潑一些。
2.拖拉式區塊
視覺式的拖拉式區塊,可以讓你快速的客製化表單,操作簡單好上手。
3.自動彙整報表
根據收集的名單資料,WP Fluent Forms 會自動建立易讀圖表,你不必再額外花時間製作數據資料。

4.多頁表單
一改傳統落落長的表單,你可以自己製作多頁式表單。
5.多種範本
從無到有製作表單對你有困難的話,沒關係,WP Fluent Forms也已準備好數十種好看又專業的範本供你參考、選擇。
6.計算欄位表單
提供可計算並加總數字的表單。
7.可與多達30種以上的外掛做整合
WP Fluent Forms Pro也可以與Paypal、ConvertKit、Mailerlite和Mailchimp等第三方做整合(Integration),方便管理。



WP Fluent Forms 與WPForms 比較



WP Fluent Forms 表單製作教學
STEP 1 :
登入你的WordPress後台,到 [外掛] > [安裝外掛] > 搜尋 [WP Fluent Forms]。



STEP 2 :
啟用並進入WP Fluent Form外掛之後,可以到[Fluent Forms Global Settings]設定和更改預設值。
點進 [ Add a Form ] 或 [ Click Here to Create Your First Form ]。
若你要直接建立對話表單可以按下藍色箭頭,會出現 [ Create Conversational Form ]。



STEP 3 :
在基本款的選項中,有對話表單、聯絡單、訂閱表單、支援表單、調查(Polling)表單和完全空白的表單。
WP Fluent Forms 也依產業分類,讓你可以更快速地找出符合需求的表單類型,像是 IT中可以選擇Bug回報表單、問卷或是IT服務填寫表單。



STEP 4 :
選擇建立對話表單 (Conversational Form) ,會進入到編輯(Editor)畫面,利用Drag & Drop (拖拉區塊)放置想呈現在表單內的元素。
如果想重新命名表單,可以按下左上角的Conversational Form,會跳出重新命名的視窗框。



點進編輯欄位中的[鉛筆]圖示,可以編輯欄位名稱和勾選是否為必填問題等。



STEP 5 :
到 [ Design ] 裡,可以設計字體、顏色、上傳圖片當背景、手機版面設置等更多細節,但 Design 功能只有升級到Pro版才能使用。



在 [Share] 的功能中,也可以快速分享表單連結到社群,或是複製表單的短代碼到WordPress頁面中,也可以複製HTML代碼嵌入。
STEP 6 :
在 [Settings & Integrations]中下方的 [Form Settings],可以進階式的設定自動回覆。
總共有三種選擇,分別為Same Page, To a Page, To a Custom URL。
Same Page: 在客戶填寫完表單後,會在同一個頁面看到的自動回覆,可以自行設定回覆內容。
To a Page: 將客戶導到另外一個頁面。
To a Custom URL : 將客戶導到另外一個網站。



STEP 7 :
可以先預覽 [Preview] 再按下 [Save Form]。
接者可以把複製右上角的短代碼貼到想呈現的頁面位置。



再點進WordPress前台,就可以看到剛剛製作的結果了。(這裡的截圖以普通表單為示範,因為對話表單用截圖不好呈現)



WP Fluent Forms 進階功能
進入 [Settings & Integrations] > [Form Settings] 。
[Form Layout]可以設計表單位置,有興趣的站長們可以玩玩看。
[Email Notifications]則是可以選擇要不要收取新訂閱者的郵件通知。



[Entries] 可以看到訂閱人數,超級方便匯出為EXCEL、CSV、ODS、JSON等。



[Scheduling & Restrictions] 設定表單訂閱/填寫起始日期等規則。



如果需要使用問卷並知道問卷結果(Survey Result)的話,或是防止機器人亂填單(Advanced Form Validation)和資料隱私安全(Compliance Settings)的話,可以升級到WP Fluent Form Pro使用上述功能。
WP Fluent Form 價格方案
Fluent Form有三種方案,差別在於「可以使用的網站數量」,計價方式以年費或終生使用計算。
假如有在接案的站長,推薦Unlimited License,可以使用在無限量的網站上。



Fluent Forms 免費版和付費版差異?
雖然Fluent Forms免費版對新手站長來說很夠用了,但還是有很多限制,例如:
- 沒有付款選項
- 只能只用少量範本
- 可以使用的表單欄位有限
- 只能使用兩個第三方做整合
- 不能上傳檔案或圖片
- 沒有簽名欄位
如果你希望擁有更多進階功能的話,還是會建議購買Pro版,包含了所有功能和全部的範本都能使用。
結語
其他表單外掛也都不錯用,像是WPForm也是區塊拖拉式做表單,但我覺得WP Fluent Forms更引人入勝的就是其對話式表單,推薦給各位新手站長們。



訂閱WordPress
優惠即時報!
不再錯過WordPress主機、外掛、主題各種優惠!
You May Also Like


Bluehost教學 -新手5分鐘輕鬆架設WordPress網站
2020 年 10 月 29 日

給新手看的 WP Forms 表單外掛使用&設定教學
2021 年 8 月 12 日
