WP & SEO
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我
無結果
View All Result
  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我
無結果
View All Result
WP & SEO
無結果
View All Result

Home » WordPress » WordPress|付費版WPForms教學 – 超好用表單外掛,輕鬆新增表單條件式、分頁、由後台看表單資料

WordPress|付費版WPForms教學 – 超好用表單外掛,輕鬆新增表單條件式、分頁、由後台看表單資料

by WP & SEO
2020-05-21 - 最新更新時間: 2022-05-22
in WordPress
WordPress|付費版WPForms教學 – 超好用表單外掛,輕鬆新增表單條件式、分頁、由後台看表單資料

付費版WPForms重點設定教學:

WordPress表單外掛最有名的就是Contact Form 7,雖然可以免費使用,但是….非常難設定,而且USER填的資料不會存在系統中,只能藉由表單填寫之後發送的系統信管理資訊,又無法設定條件式。我在使用免費版WPForms之後,驚艷於它設定之簡單,就買付費版了。

這篇WPForms教學主要介紹付費版功能,免費版的就大家自己去安裝試用吧,覺得WPForms設定簡單而且Fancy Fields也符合需求就可以考慮購買!個人心得是….它成為WordPress表單推薦的常客真的是實至名歸。

本文會先介紹Fancy Fields再說明如何設定多欄版位、由系統看到表單資料。付費版請由WPForms官網購買(14天內無條件退款)。

免費版下載連結請點這邊,也可由WordPress後台外掛安裝頁面搜尋WPForms。文章目錄:

ADVERTISEMENT
  • Fancy Fields(付費功能)
  • 多欄版位設定(免費功能)
  • 建立表單、新增至網頁
  • 檢視表單回應(付費功能)

本篇WPForms教學對應的版本:Basic 1.7.1.2版,2021 / 11 / 18發布。付費版本共有四個,請看官網說明。

這些是免費版欄位,Email也會有驗證程式。Dropdown就是下拉選單,Multiple Choice是單選題,Checkboxes是多選題

Fancy Fields(僅限付費版):

Fancy Field是付費版功能,也是這WPForms教學的重點,另一個重點付費版功能是條件式(Conditions)!

這是付費版欄位,框起來的三個欄位是Pro跟Elite版本才可使用的欄位

條件式:

WPForms設定條件式很簡單,可以讓題目在某些題目的答案符合某些答案時才顯示,需勾選下圖的Enable Conditional Logic:

  • 可以設定多個條件,且可以設定交集(and)或聯集(or),白話文就是可以設定成當題目A的答案等於 B或C時才顯示題目D
  • 可以設定成等於、不等於、包含、不包含等等

地址:

  • 可以設定美國地址樣式(要選州)或者國際地址樣式(選國家)
  • 可以決定要顯示哪些地址欄位:Advanced Options中,部分欄位最右邊有check box,勾選便可隱藏那欄位
  • 可以隱藏次標題(就是地址欄位標題),但是無法自訂次標題名稱,也就是….無法在這個外掛上中文次標題,要用其他翻譯外掛處理!
地址也是很方便的格式,部分欄位可以隱藏!

日期 / 時間:

  • 可以決定欄位要是日期、時間,或者兩者都要
  • 在Advanced Options中,可決定日期格式、時間格式(12 / 24)跟時間間隔(15 / 30 / 60分鐘 )
  • 可以隱藏次標題(就是日期 / 時間),但是無法自訂次標題名稱,也就是….無法在這個外掛上中文次標題,要用其他翻譯外掛處理!
這是Date / Time的前端樣式,日期預設值是當天,時間也有預設值,這範例的間隔是半小時 、24H

星等:

  • 可以選擇符號:星等、愛心等等,可以換顏色
  • 可以選擇最高分: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表單外掛推薦熟面孔的原因之一。

隱藏欄位的設定很簡單,只要點Show Smart Tags選擇要追蹤的資訊就可,也可以不用Smart Tags而填上字串

分頁標籤(Page Breaker):

可以選擇分頁標籤上的按鈕名稱,跳到下一頁時可以加上表單名稱,例如加入會員之類的!

分頁按鈕可以自訂,會顯示表單進度跟表單簡稱,讓USER知道在填什麼跟填到那邊

多欄版位設定(免費版功能):

用WPForms設定多欄表單很簡單,建議先簡單手繪排版才好進行設定。以下說明雙欄排版,例如要讓公司名稱跟公司網址在同一列上、雙欄排列。

ADVERTISEMENT
WPForms可以很容易進行雙欄排版

以上面那個例子為例,先到「Company Name」的設定欄位中,切換到「Advanced」,裡面有一個欄位是CSS Classes,欄位名稱右邊有「Show Layouts」標籤,點那個標籤。

點「Advanced」的「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功能,我就不詳細說明了。

WPForms佈署方式很簡單:取得Shortcode在貼到編輯器上

檢視表單回應( View Entry,僅限付費版):

免費版的WordPress表單外掛大都無法在後台檢視或管理USER的表單回應(entry),這也是我買付費版WPForms的原因。觀看方式很簡單,在側邊欄WPForms的Entries就可以看到表單清單,如果有多個表單,要先選擇看哪個表單,才會看到表單的應!除了閱覽,也可以標示回應是已讀、未讀,或者刪除資料,如需分析資料,可匯出CSV檔。

建議在評估要採用哪一個WordPress表單外掛時,一定要研究如何觀看使用者填寫結果,最好能由WordPress後台檢視,尤其是攸關訂閱、詢價、購買等等交易行為的表單。

由下圖標出的路徑就可以找到USER填的資料
介面很清爽!

心得:

看完上面的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佈景主題:

  • JNews|首選部落格 / 雜誌類型付費佈景主題購買與使用心得
  • Soledad|部落格 / 雜誌類型付費佈景主題購買與使用心得

WordPress外掛:

  • Yoast SEO|WordPress必裝SEO外掛設定教學
  • Redirection|WordPress必裝301轉址外掛設定教學
  • WP Rocket|WordPress必裝快取外掛設定教學與注意事項
  • AMP for WP|WordPress上線AMP網頁推薦外掛設定與使用心得
  • Jetpack|超多工WordPress推薦外掛設定教學

WordPress主機:

  • Cloudways主機介紹|服務與特色說明、主機選項、計費方式、優缺點分析
  • SiteGround主機介紹|方案與重點功能介紹、教學文章整理
標籤: WordPress外掛WordPress精選文章精選文章
上一篇文章

WordPress|付費佈景主題市集ThemeForest挑選、購買、安裝佈景主題教學

下一篇文章

WordPress|內容網站SEO – 編輯標題、圖片、分類等六大注意事項(傳統編輯器)

WP & SEO

WP & SEO

Hi, 我是Leo,正職是數位行銷,主攻SEO、WordPress、數據分析與內容規劃。以多年自助旅行經驗為基底、WordPress為骨架,打磨SEO與內容行銷專長。曾任KKday SEO經理,以電商平台與WordPress部落格系統穩定提升Google搜尋排名與流量。長期經營「Travel with Leo」作為WordPress與SEO的實驗場!歡迎光臨這個分享SEO、WordPress、自媒體的小天地。聯絡方式: 粉絲頁私訊 | Email 。

下一篇文章
WordPress|內容網站SEO – 編輯標題、圖片、分類等六大注意事項(傳統編輯器)

WordPress|內容網站SEO – 編輯標題、圖片、分類等六大注意事項(傳統編輯器)

無結果
View All Result

最新文章

  • SEO小教室|Ahrefs站長工具介紹:建立方式、連結分析與關鍵字分析簡介 2023-02-19
  • SEO小教室|WordPress網站搬家注意事項:注意事項說明、重點監控項目、推薦參考文件 2023-02-12
  • WordPress|必裝SEO外掛 – 超完整Yoast SEO設定教學(2023年版) 2023-02-08
  • SEO小教室|2022 Google Quality Raters Guidelines補充內容-E-E-A-T說明 2022-12-17
  • WordPress|SEO外掛 – 超完整Rank Math設定與使用教學(2023年版) 2022-11-26

贊助商廣告

分類

  • Android APP
  • SEO
  • WordPress
  • 推薦文章
  • 自媒體
  • WordPress
  • SEO
  • 自媒體
  • 精選文章
  • Android APP
  • 關於我
使用規範:請遵循CC BY-NC 4.0
聯絡我:粉絲頁私訊|Email。

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。

  • WordPress
    • WordPress懶人包
    • WordPress SEO
    • WordPress外掛
    • WordPress主機
    • WordPress佈景主題
    • 網站速度優化
    • WordPress精選文章
  • SEO
    • SEO工具
    • 網站索引
    • WordPress SEO
    • SEO元素週期表
    • SEO精選文章
  • 自媒體
  • 精選文章
    • WordPress精選文章
    • SEO精選文章
  • Android APP
  • 關於我

聯盟行銷分潤聲明:本站部分連結屬於導購連結,如您於這些連結完成購買,我將能獲得維持網站營運的小額佣金。