用 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