【Form Maker教學】教你如何設定條件顯示

form maker表單

繼上一篇「WordPress表單外掛推薦!Form Maker超詳細教學!」之後,這一次我們教大家如何「有條件」的顯示內容,比如購物型的表單通常會有付款及運送方式,但如果選擇「貨到付款」就僅需要顯示其中一個欄位,可以加速填單流程並減少誤填機會;更甚者可以做出像光曜的「預算估算」一樣,選擇產業與預算兩種條件,最後再秀出估算的結果哦!話不多說就讓我們一起進入教學吧!

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

單一條件顯示

這邊用一個購物型表單作為範例,分別有
金流:轉帳匯款,超商貨到付款
物流:超商取貨,郵局取貨
我們會需要兩種條件
1.選擇轉帳匯款時,才秀出轉帳帳號給客戶
2.選擇超商貨到付款時,隱藏物流兩個選項

Step 1. 新增轉帳帳號小工具

這邊我們選擇的小工具是ADVANCED裡面的Hidden Input,它的作用是在客戶填寫表單時並不會出現,而是會出現在填寫完表單之後寄出的信件當中。

Step 2. 設定條件

進入到Settings,左邊選單有一個Conditional fields,在這邊我們可以開始設定條件,在這邊的邏輯是:「先決定你要隱藏/顯示什麼,再決定什麼條件下要隱藏/顯示」
案例1:我要隱藏運送方式,當付款方式等於貨到付款的時候
案例2:我要顯示匯款帳戶,當付款方式等於轉帳匯款的時候

最後我們將每個欄位做拆解

1.就兩種狀態:Hide(隱藏)、Show(顯示)
2.你要隱藏或顯示的欄位
3.All代表底下條件要全部符合;Any代表底下條件符合其一即可。在多種條件下才會使用到
4.你要隱藏/顯示的欄位根據什麼做判斷(l如付款方式)
5.可以不管他
6.根據第4點做細項的設定(如付款方式底下的轉帳匯款,貨到付款)

本篇文章就先到這邊讓大家可以消化一下,希望大家也可以利用Form maker玩出不一樣的表單,至於「多種條件設定」我們就留到下一篇再跟大家介紹囉!

如果喜歡的話請幫我們到「光先生」粉絲團按讚分享,或訂閱我們的Youtube頻道,我們每周一、三會更新部落格文章,每周五發布影片哦!

「以不一樣的思維進行廣告行銷,進而認同品牌價值」,
立志讓更多人知道原來廣告行銷也可以這麼好玩!!

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發表留言