Fluent Form使用教學
Wordpress 網站架設

給新手看的 WP Fluent Forms 教學: 3分鐘做好客製化對話式表單

分享到社群

新手自架WordPress網站,表單類外掛不能少,讓你的潛在客戶能輕鬆的聯絡到你或是下訂單。

WP Fluent Forms 是一款非常容易上手的響應式(RWD)表單外掛,直覺式的拖拉區塊,可以幫助新手站長快速地建立好專業且美觀的表單, WP Fluent Forms 也深受國內外WordPress站長的信任和喜愛,下載安裝次數高達90,000+。

WP Fluent Forms 特色

WP Fluent Forms 與其他表單外掛(像是: WPFormsNinja Form)相較之下,加載速度相較之下為最快的。

WP Fluent Forms 對話式表單

1.對話式表單

新穎的對話式表單讓「填寫資料」增添了不少樂趣,不再是枯燥的單向回應,而是有對話互動感般的設計,你也可以添加和調整圖片、設定色彩等,讓整個「填寫資料、回答問題」的過程中,更活潑一些。

2.拖拉式區塊

視覺式的拖拉式區塊,可以讓你快速的客製化表單,操作簡單好上手。

3.自動彙整報表

根據收集的名單資料,WP Fluent Forms 會自動建立易讀圖表,你不必再額外花時間製作數據資料。

WordPress 外掛 客製化對話式表單

4.多頁表單

一改傳統落落長的表單,你可以自己製作多頁式表單。

5.多種範本

從無到有製作表單對你有困難的話,沒關係,WP Fluent Forms也已準備好數十種好看又專業的範本供你參考、選擇。

6.計算欄位表單

提供可計算並加總數字的表單。

7.可與多達30種以上的外掛做整合

WP Fluent Forms Pro也可以與Paypal、ConvertKit、Mailerlite和Mailchimp等第三方做整合(Integration),方便管理。

WordPress 外掛 客製化對話式表單

WP Fluent Forms 與WPForms 比較

WP Fluent Form VS WPForms

WP Fluent Forms 表單製作教學

STEP 1 :

登入你的WordPress後台,到 [外掛] > [安裝外掛] > 搜尋 [WP Fluent Forms]。

安裝WP Flunet Forms

STEP 2 :

啟用並進入WP Fluent Form外掛之後,可以到[Fluent Forms Global Settings]設定和更改預設值。

點進 [ Add a Form ] 或 [ Click Here to Create Your First Form ]。

若你要直接建立對話表單可以按下藍色箭頭,會出現 [ Create Conversational Form ]。

WordPress 外掛 客製化對話式表單

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前台,就可以看到剛剛製作的結果了。(這裡的截圖以普通表單為示範,因為對話表單用截圖不好呈現)

WordPress 外掛 客製化對話式表單

WP Fluent Forms 進階功能

進入 [Settings & Integrations] > [Form Settings] 。

[Form Layout]可以設計表單位置,有興趣的站長們可以玩玩看。

[Email Notifications]則是可以選擇要不要收取新訂閱者的郵件通知。

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

WordPress 外掛 客製化對話式表單

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

WordPress 外掛 客製化對話式表單

如果需要使用問卷並知道問卷結果(Survey Result)的話,或是防止機器人亂填單(Advanced Form Validation)和資料隱私安全(Compliance Settings)的話,可以升級到WP Fluent Form Pro使用上述功能。

WP Fluent Form 價格方案

Fluent Form有三種方案,差別在於「可以使用的網站數量」,計價方式以年費或終生使用計算。

假如有在接案的站長,推薦Unlimited License,可以使用在無限量的網站上。

WP Fluent Forms 方案

Fluent Forms 免費版和付費版差異?

雖然Fluent Forms免費版對新手站長來說很夠用了,但還是有很多限制,例如:

  • 沒有付款選項
  • 只能只用少量範本
  • 可以使用的表單欄位有限
  • 只能使用兩個第三方做整合
  • 不能上傳檔案或圖片
  • 沒有簽名欄位

如果你希望擁有更多進階功能的話,還是會建議購買Pro版,包含了所有功能和全部的範本都能使用。

結語

其他表單外掛也都不錯用,像是WPForm也是區塊拖拉式做表單,但我覺得WP Fluent Forms更引人入勝的就是其對話式表單,推薦給各位新手站長們。

訂閱WordPress

優惠即時報!

不再錯過WordPress主機、外掛、主題各種優惠!


分享到社群

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *