【Form Maker教學】製作一個購物型表單

Form Maker購物表單

這一篇我們再來介紹Form Maker的表單,這次我們要讓表單有自動計算價錢的功能,比如選擇A商品100元+B商品200元+運費60元,表單會自動計算出360元並顯示出來,消費者就可以很清楚的知道自己將花多少金額購買商品,廠商也不用一筆筆手動計算囉!

*此功能需要Form Maker Pro版本大家需自行購買,如果是光曜合作廠商請直接與客服聯繫哦!

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

PAYMENT欄位說明

Price:廠商或消費者可以自訂價格

紅框1.廠商若要預設價格在此輸入
紅框2.輸入價格後勾此選項可以禁止消費者修改
紅框3.若要由消費者自訂價格,在此可以輸入上下限

Payment Select:在每個選項自訂內容與價格-下拉式清單(單選)
Payment Single Choice:同上-按鈕式(單選)
Payment Multiple Choice:同上-按鈕式(複選)

三種方式設定都是一樣的,差異只在於型式與單複選,故放在一起說明

商品數量設定

三種方式設定都是一樣的,差異只在於型式與單複選,故放在一起說明

事實上底下有一個Quantity property的選項是用來設定數量,但那只會增加消費者與我們的困擾,所以我們用「一個商品一個Field」方式去設定會更容易
Label:商品(組合)名稱
Product name:商品(組合)數量
Price:金額
若選項不夠就點「+Option」

商品屬性設定

紅框1.點擊Product properties的「+」
紅框2.預設已經有常見的5種屬性可以挑選,當然也可以選擇Custom自訂,分別輸入名稱以後就會在紅框3以下拉式清單顯示

Shipping:運送方式與價格

主要就是設定運送方式與價格,跟上述欄位設定一樣但是更為簡易

Total:根據上述價格自動計算總價與列出明細

基本上只需要修改Label即可,該欄位會自動依上述的價錢來計算總額

Stripe:國外消費信用卡方式,在此不做介紹。

修正幣值

預設的情況下幣值顯示會是美金US,所以我們需要將他修正為台幣TWD
路徑為>Settings>Payment Options>Paypal>Payment Currency>NT$>更新

*注意,更新完即可將選項改回None,因為我們實際上並不用Paypal結帳

如果以上都設定完畢,完成品大約就會是這樣

還記得「【Form Maker教學】教你如何設定條件顯示」嗎?如果想要讓這個表單更加完美,可以使用條件設定,當選擇超商取貨時輸入超商店名,反之則輸入地址哦!

最後交大家查看表單的方式

紅框1.在後台的左邊選單Form Maker>Submissions
紅框2.選擇你的表單名稱,就可以看到所有填寫你表單的資料囉!
紅框3.你也可以直接匯出成Excel檔案,做一次性出貨整理哦!

介紹到這邊,相信大家是不是覺得這個外掛超級實用的呢?你在找購物網站/部落格/電商/官網/一頁式網站嗎?還在煩惱怎麼下手嗎?不妨選擇我們吧!現在購買網站不僅有提供Form Maker pro專業版還搭贈網站教學影片,如此好康優惠快來了解吧👉600元就能做網站

喜歡的話請幫我們到「光先生」粉絲團按讚分享,或訂閱我們的Youtube頻道哦!我們會推出更多的內容及影片的!

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

每日學,文章推廣

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

發表留言