付費版WPForms重點設定教學:
WordPress表單外掛最有名的就是Contact Form 7,雖然可以免費使用,但是….非常難設定,而且USER填的資料不會存在系統中,只能藉由表單填寫之後發送的系統信管理資訊,又無法設定條件式。我在使用免費版WPForms之後,驚艷於它設定之簡單,就買付費版了。
這篇WPForms教學主要介紹付費版功能,免費版的就大家自己去安裝試用吧,覺得WPForms設定簡單而且Fancy Fields也符合需求就可以考慮購買!個人心得是….它成為WordPress表單推薦的常客真的是實至名歸。
本文會先介紹Fancy Fields再說明如何設定多欄版位、由系統看到表單資料。付費版請由WPForms官網購買(14天內無條件退款)。
免費版下載連結請點這邊,也可由WordPress後台外掛安裝頁面搜尋WPForms。文章目錄:
- Fancy Fields(付費功能)
- 多欄版位設定(免費功能)
- 建立表單、新增至網頁
- 檢視表單回應(付費功能)
本篇WPForms教學對應的版本:Basic 1.7.1.2版,2021 / 11 / 18發布。付費版本共有四個,請看官網說明。
Fancy Fields(僅限付費版):
Fancy Field是付費版功能,也是這WPForms教學的重點,另一個重點付費版功能是條件式(Conditions)!
條件式:
WPForms設定條件式很簡單,可以讓題目在某些題目的答案符合某些答案時才顯示,需勾選下圖的Enable Conditional Logic:
- 可以設定多個條件,且可以設定交集(and)或聯集(or),白話文就是可以設定成當題目A的答案等於 B或C時才顯示題目D
- 可以設定成等於、不等於、包含、不包含等等
地址:
- 可以設定美國地址樣式(要選州)或者國際地址樣式(選國家)
- 可以決定要顯示哪些地址欄位:Advanced Options中,部分欄位最右邊有check box,勾選便可隱藏那欄位
- 可以隱藏次標題(就是地址欄位標題),但是無法自訂次標題名稱,也就是….無法在這個外掛上中文次標題,要用其他翻譯外掛處理!
日期 / 時間:
- 可以決定欄位要是日期、時間,或者兩者都要
- 在Advanced Options中,可決定日期格式、時間格式(12 / 24)跟時間間隔(15 / 30 / 60分鐘 )
- 可以隱藏次標題(就是日期 / 時間),但是無法自訂次標題名稱,也就是….無法在這個外掛上中文次標題,要用其他翻譯外掛處理!
星等:
- 可以選擇符號:星等、愛心等等,可以換顏色
- 可以選擇最高分:2、5、7、10等等
驗證碼(Captcha):
驗證碼可以是簡單的加法或是問題(例如:美國的首都,要自己設定答案),錯誤的話無法送出表單
網址:
會加上驗證格式,如果答案不是http://或https://開頭,會自動加上http://,有的話就不會,很貼心的功能,結尾需要是.com或.tw之類,建議加上說明!
隱藏欄位(Hidden Field):
用WPForms設定隱藏欄位再搭配Smart Tags就可以有很多應用,Smart Tags是系統內建的資料欄位,有「Embedded Post/Page URL」、「Referrer URL」等等。
顧名思義,使用者是看不到這欄位的,常見用途就是讓我們追蹤我們想知道但是沒必要讓USER看到或填寫的資訊,例如USER是在哪一頁填表單(Embedded Post/Page URL)、USER是由哪一頁進到表單所在頁面並送出回應(Referrer URL)。
想看詳細的Smart Tag清單請點這個連結,簡易的隱藏欄位設定與豐富的內建Smart Tag是WPForms成為WordPress表單外掛推薦熟面孔的原因之一。
分頁標籤(Page Breaker):
可以選擇分頁標籤上的按鈕名稱,跳到下一頁時可以加上表單名稱,例如加入會員之類的!
多欄版位設定(免費版功能):
用WPForms設定多欄表單很簡單,建議先簡單手繪排版才好進行設定。以下說明雙欄排版,例如要讓公司名稱跟公司網址在同一列上、雙欄排列。
以上面那個例子為例,先到「Company Name」的設定欄位中,切換到「Advanced」,裡面有一個欄位是CSS Classes,欄位名稱右邊有「Show Layouts」標籤,點那個標籤。
點「Show Layouts」後就會出現多欄設定畫面,以這個例子來講,「Company Name」是兩欄排版的第一欄,所以需要先選擇兩欄排版,再選擇第一欄,這時候CSS Classes欄位會填入對應的class。
設定好「Company Name」後,再如法泡製設定「Company Website」(要選第二欄),就完成多欄設定了!更詳細的說明請參考WPForms的說明。這邊的設定真的很簡單,足夠的欄位加上好用的排版,難怪是WordPress表單推薦清單上的常客。
建立表單、新增至網頁:
WPForms的表單欄位應有盡有,那要如何新增表單呢?安裝、啟動外掛之後,在主側邊欄的「WPForms」可找到「Add New」,點了之後就可以可是設定新表單。首先要在「Setup」頁籤輸入表單名稱、選定版型(我都用空白版型)才能於「Fields」頁籤編輯欄位,也就是前面的主角。
建好表單之後可由主側邊欄「WPForms」-「All Forms」看到表單清單,複製你需要表單的Shortcode(例:[wpforms id=”1540″])後,進到你想新增該表單的頁面編輯畫面再貼上Shortcode,大功告成!這流程涉及WordPress的Shortcode功能,我就不詳細說明了。
檢視表單回應( View Entry,僅限付費版):
免費版的WordPress表單外掛大都無法在後台檢視或管理USER的表單回應(entry),這也是我買付費版WPForms的原因。觀看方式很簡單,在側邊欄WPForms的Entries就可以看到表單清單,如果有多個表單,要先選擇看哪個表單,才會看到表單的應!除了閱覽,也可以標示回應是已讀、未讀,或者刪除資料,如需分析資料,可匯出CSV檔。
建議在評估要採用哪一個WordPress表單外掛時,一定要研究如何觀看使用者填寫結果,最好能由WordPress後台檢視,尤其是攸關訂閱、詢價、購買等等交易行為的表單。
心得:
看完上面的WPForms教學後是不是懷疑真的那麼簡單?它就是那麼簡單,雖然付費版的價格頗高,但我付的心甘情願,不僅設定簡單、欄位完整,開發者也完整設想了行銷人員的追蹤需求,再加上非常完整的說明文件,讓它長據WordPress表單外掛推薦清單。
如果你也在研究優質表單外掛,WPForms應該不會讓你失望:免費版連結|付費版連結|官方說明文件。
WPForms也有提供完整的機器人驗證機制來防止垃圾表單或留言,請參考這一篇文章。通常表單外掛都會搭配系統信(寄送填表內容給管理者、寄信其他資訊給填表者等等),WordPress內建的寄信機制很容易被判定為垃圾信,可使用WP Mail SMTP搭配sendinblue來優化寄信成功率(教學文章)。
官方教學影片:
延伸閱讀:
WordPress懶人包:
- WordPress架站|註冊網域、安裝網站 / 外掛、設定調整等9大步驟教學
- WordPress SEO|網域與索引、重點功能、內容編輯等七大主題教學
- WordPress主機|重點功能要求、主機費用評估、五大主機簡介
- WordPress速度優化|主機挑選、圖片優化、相關外掛與CDN
- WordPress推薦外掛|Yoast SEO、WP Rocket、AMP for WP等10大外掛
- WordPress佈景主題|主題市集ThemeForest挑選、購買、安裝佈景主題教學
WordPress佈景主題:
WordPress外掛:
- Yoast SEO|WordPress必裝SEO外掛設定教學
- Redirection|WordPress必裝301轉址外掛設定教學
- WP Rocket|WordPress必裝快取外掛設定教學與注意事項
- AMP for WP|WordPress上線AMP網頁推薦外掛設定與使用心得
- Jetpack|超多工WordPress推薦外掛設定教學