用 Fluent Form 輕鬆打造完美的 WordPress 聯絡表單

Fluent Forms 是一款輕量且適合初學者的工具,可以幫助提升網路業務的推動。Fluent Forms 不只是表單編輯器 ,而是一個結合了許多行銷功能的工具。不管是資訊蒐集、問卷調查、測驗、對話式表單等,Fluent Forms 都能輕鬆達成。

Fluent Form 免費版功能超實用

目前 WordPress 已經有很多表單類型的外掛,不過 Fluent Form 絕對是這裡面最佛心的公司之一,為什麼這樣說呢?因為有很多實用的功能在免費版就已經開放了,加上操作介面簡單、客製彈性大, Fluent Form 免費版應該已經能滿足多數使用需求。以下介紹免費版6大實用的功能:

1. 自由拖拉:製作表單簡單快速

plugin-overview-fluent-forms-2023-08-16-16-07-02

Fluent Form 在排版上很自由,可以隨需求新增或刪除欄位,而新增後的欄位可以用拖移的方式調整表單欄位順序,且拖拉的功能很順暢,很簡單就能調整表單欄位的順序。

2. 欄位排版:輕鬆客製排版

plugin-overview-fluent-forms-2023-08-16-16-08-33

在 Fluent Form 中欄位排版非常簡單,只要先建立一個欄位容器(Container),再把想要放入的欄位拖拉進去即可,最多可以排成到6欄,這樣的欄位排版邏輯是目前市面上其他表單比較少做的,多數都提供兩欄至三欄,這讓 Fluent Form 在排版上多了更多彈性與變化。

3. 條件邏輯:依照特定條件設定是否顯示欄位

plugin-overview-fluent-forms-2023-08-16-16-14-40

有時候我們會需要設定條件來決定是否顯示某個欄位,例如:如果客戶在填寫欄位「是否有指定業務」時選了「是,指定業務回覆」,可能代表客戶曾經與該業務人員往來,或是可能代表有其他人向客戶推薦該業務人員,這種情境下,下一個欄位可能會接續詢問客戶「指定業務姓名」;反之,如果客戶在填寫表單的時候選擇了「否,隨機分配」,那就不需要出現「指定業務姓名」這個欄位了。

多數表單外掛會把這樣的條件邏輯功能放在付費版功能,不過 Fluent Form 在免費版就已經開放部分條件邏輯可以使用,其中免費版最常用的就是根據A欄位的選項決定是否顯示B欄位。

4. 自定義樣式:表單個別修改 CSS / JS

plugin-overview-fluent-forms-2023-08-16-16-25-50

Fluent Form 其中一個很實用的功能就是可以在各別表單中去編寫 CSS 和 JS ,如果有程式基礎的話,可以做更多樣式上的變化。

5. 跳轉頁面:送出表單後跳轉設定

plugin-overview-fluent-forms-2023-08-16-16-29-54

通常表單填寫完畢後,會出現一段訊息確認客戶已送出表單,Fluent Form 還可以額外設定要跳轉到哪一個頁面,或是指定網址,讓客戶填寫完畢後,可以再引導他們到其他頁面瀏覽。

6. 即時回覆確認:後台直接查看客戶回覆

plugin-overview-fluent-forms-2023-08-16-16-30-20

多數表單回覆會直接寄Email到網站經營者的信箱中,有些表單外掛可以在後台查看回覆,不過是付費版本才能使用,這樣如果漏信可能會錯失聯絡客戶的最佳時機,網站經營者也很難追蹤目前每個回覆的狀態。

Fluent Form 在免費版開放後台查看回覆的功能讓表單回覆更好管理了,除了可以確認回覆是否被開啟過,還可以查看回覆狀態是否已處理,也可以把回覆指定給特定經營者處理,如果一個網站同時有好幾個經營者,就可以避免重複聯繫客戶,也可以相互瞭解目前回覆處理狀態。

plugin-overview-fluent-forms-2023-08-18-10-14-07

Fluent Form 免費版還提供可以查看視覺化統計圖表,通常會記錄每日被填表的次數,填表人的資訊等,不過這個圖表的資訊比較簡略,如果覺得想要了解更多使用者行為,還是建議串接GA3或是GA4。

Fluent Form 付費版(Pro)進階客製化表單

Fluent Form 付費版基本上就是免費版的延伸,最直接差異的可以使用的欄位類型增加了許多,另外還有條件邏輯上再增設了不同的判斷基準,還可以製作更多樣類型的表單

1. Email分流寄送設定

plugin-overview-fluent-forms-2023-08-18-09-29-12

在經營網站的時候,有時候可能會有多位經營者,或是會想要直接將表單分派給指定的業務人員,這時候就可以透過這個功能來做設定,可以根據客戶的選擇來指定寄送給不同的人員,不需要再透過人力分配。這樣不僅可以加快回覆客戶的效率,也可以節省一道人力手續。

2. 第三方功能串接

Fluent Form 其中一個特色是第三方功能串接,免費版已經有部分功能可以串接,例如:FluentCRM、MailChimp、Slack 等,不過付費版能夠串接的功能更多了,包含:Discord、Dropbox、Google Sheets、Telegram、Trello 等,甚至包含國外常見的金流服務,例如:PayPal、Stripe 等。以上僅列出可能較常用的第三方功能,如果想要瞭解 Fluent Form 所有支援的第三方功能,請參考官網:Fluent Form Integration

3. 多樣化表單

測驗表單

plugin-overview-fluent-forms-2023-08-18-10-25-41

測驗類型的表單是付費版專屬,除了可以設定各項測驗題目、配分之外,也可以決定是否顯示測驗結果。在計分類型的部分,可以選擇要以什麼方式來計算分數,目前常見的分數、評等皆可設定,也可以不計算分數,而是顯示答對比例。

plugin-overview-fluent-forms-2023-08-18-10-25-55

在測驗類型的表單中,也可以設定是否顯示最終分數計算結果給受測者查看,也可以自行定義評等級距,甚至是可以根據自身需求再調整進階分數計算。

多步驟表單

plugin-overview-fluent-forms-2023-08-18-10-34-57

有時候如果表單內容較長,使用者可能看到第一眼預期填表時間太久就會選擇放棄,這種時候,設定多步驟表單比較可以減少這種狀況,而且也可以減少頁面長度,尤其是針對行動裝置的使用者,不要過長的頁面會更友善。

plugin-overview-fluent-forms-2023-08-18-10-38-42

多步驟表單可以設定步驟指示或進度條,也可以設定當使用者填寫完該頁面自動跳到下一頁,在使用上更加友善便利。

滿意度調查

plugin-overview-fluent-forms-2023-08-18-10-42-01

基本上滿意度調查類型的表單用免費版也可以製作,不過可能只能提供單選或是開放式問題,而付費版更多了評分星星、滑動條的欄位,在評分上更加便利,也可以降低使用者不想填寫開放式問題而放棄填寫的可能性。

4. 排定表單時程

plugin-overview-fluent-forms-2023-08-18-10-49-14

有時候舉辦活動或是表單想設定表單只能在工作日被填寫,這時候就能使用這個功能。假設有一產品要上市,在上市前想要先做市場調查,這時候就可以設定表單填寫的起始時間,就不必由人力定時發布,通常常見的應用會在團購、預購、商品募資等。而有些商家會希望客戶填寫後可以即時回覆,或是表單類型是訂購單的商家,這種時候就可限定必須在工作日填寫,以利上班時間即時回覆。

5. 進階條件邏輯和進階限制

plugin-overview-fluent-forms-2023-08-18-11-58-50

付費版的進階條件邏輯主要是針對表單顯示,可以選擇特定文章分類才顯示表單,這個功能可以設定在:如果符合特定文章分類就提供小測驗,或是意見回饋表單,這樣就不需要手動在每個頁面去設置,也更好統一管理。

plugin-overview-fluent-forms-2023-08-18-10-55-29

另外,有時候網站會收到非目標客戶的回覆,這樣除了要額外花心力確認外,如果遇到機器人攻擊,可能會收到大量無效表單,針對這個狀況,除了可以安裝 reCAPTCHA 外,也可以針對使用者身份去設定限制條件。付費版可以限制使用者身份、狀態,或是根據 IP 來限制使用者填寫,可以阻擋不符合條件的使用者或機器人送出表單。

免費版跟付費版差很多嗎?免費版 vs 付費版(Pro)

Fluent Form 免費版功能已經很多功能了,但看完上面的介紹後,可能還是不清楚免費版到底夠不夠用,又怕付費版踩雷或是根本沒有自己需要的功能,來看看以下節錄的表單欄位比較表和表單設定比較表,就能夠更清楚了解 Fluent Form 有沒有符合需求了。

免費版 & 付費版(Pro)各項功能比較表

表單欄位比較表

免費版付費版(Pro)
姓名
電子郵件
短文字 (Text)
文字欄位 (Textarea)
地址
國家選單
數字
下拉式選單
單選按鈕
核取方塊(單選)
核取方塊(複選)
網址
日期與時間
自定義HTML
隱藏欄位
段落分行
reCAPTCHA
密碼
1至6欄欄位排版
圖片上傳
檔案上傳
電話
短代碼
表單步驟
評分
電話
範圍滑動
連動欄位
色彩選擇器
重複欄位
郵遞區號選擇
付款欄位
自訂付款總額
商品總數
付款方式
付款明細
訂閱欄位
折價券
文章標題
文章內容
文章節錄
精選圖片
分類
標籤
測驗分數
文章上傳

表單設定比較表

免費版付費版(Pro)
送出後確認方式/重新導向
表單版面配置
表單限制
IP 限制
表單時程限制
是否必須登入
阻擋空白送出
外加 CSS Class
Email 通知
條件導向
自訂義 CSS
自訂義 JS
雙重確認
進階表單限制
問卷調查結果
送出後刪除資料
自動刪除舊回覆

Fluent Form 版本差異內容比較多,上面表單僅整理出一些可能常用的表單欄位和表單設定,如要完整了解請至官網確認: Fluent Forms Free vs. Pro

不知道怎麼應用?Fluent Form 提供了大量範例

雖然 Fluent Form 可以應用的層面很廣泛,但是有時候不知道怎麼開始,或是不清楚應該要有什麼欄位該怎麼辦呢?別擔心,Fluent Form 很貼心的製作了非常多種範本,在官網就可以參考各類型的表單樣式,還可以直接匯入後台後再自行根據需求修改,這樣就不需要從頭到尾自己創造表單,非常方便。官方表單範本的網址請參考文末外掛資訊總覽

plugin-overview-fluent-form-2023-08-14-17-33-19

運用 Fluent Form 客製網站專屬表單

Fluent Form 是一款功能強大且操作直覺的 WordPress 表單外掛,無論是用於收集客戶回覆,還是問卷調查、測驗、對話式表單等,用 Fluent Form 製作都能輕鬆完成。隨著網站行銷的需求越來越多變,Fluent Form 的各式設定、條件邏輯都會幫你在建立表單時事半功倍,也能夠更好蒐集填寫數據。想追求高效率、輕量化又多功能的表單就絕對不能錯過 Fluent Form。

網站製作問題就找蓋婭科技

蓋婭科技是專業的網站製作公司,擁有多年網頁製作經驗,如果想了解更多關於 WordPress、WooCommerce 的外掛知識,歡迎訂閱我們的電子報,會不定期提供最新網站經營維護相關資訊。

如果對 Fluent Form、WooCommerce、網站開發、網站經營、SEO 行銷等有任何問題,歡迎隨時聯繫蓋婭科技!

外掛資訊總覽

外掛名稱:Fluent Form

介紹版本:5.0.7

開發者:WPManageNinja

付費版定價:$41 USD/年 或 $239 USD/終身

外掛網站:https://fluentforms.com/

範本連結:https://fluentforms.com/forms/

Janet

喜歡研究網頁互動特效及使用者體驗,以製作出吸睛又實用的網站,希望透過網站改善行銷方式與品牌體驗

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form