給新手看的 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主機、外掛、主題各種優惠!