BVSHOP
後台功能操作教學

從商店設定、金物流串接到電子發票,輸入關鍵字即可搜尋該功能的教學文章。

【前台】表單元件優化

【目錄】

一、表單元件是什麼?

二、應用情境 

三、新/舊版本對照

 


小提示:點擊章節標題,即可前往該章節進行閱讀,也可點擊括號內藍色關鍵字,前往該頁面進行設定。


 

一、表單元件是什麼?

表單元件(或稱,聯絡表單)是 BV SHOP 頁面設計中非常實用的一個元件,商家能依照不同需求自訂欄位,讓消費者直接在線上填寫,並將內容自動寄送到商家的信箱,大大提升效率。


 

二、應用情境

  1. 客製化訂單需求表單 

適用店家:手作商品、客製禮盒、印刷、繡字服務等
內容欄位:
▪️姓名/聯絡方式
▪️產品編號/想要的客製內容
▪️尺寸、顏色、交期等選項
▪️備註欄

成效:商家可直接收到完整需求,快速報價與確認!

 

  2. 顧客意見回饋表單 

適用店家:服務業、零售、平台營運
內容欄位:
▪️滿意度評分(1~5 顆星)
▪️自由填寫建議/感想
▪️是否願意被聯繫進一步訪談
▪️Email(可選填)

成效: 收集第一手顧客體驗,優化服務流程。


 

三、新/舊版本對照

  Step.1 

商家管理後台,左方功能列表「樣式設定」➜「頁面設計」➜ 進入首頁的「頁面設計」

表單元件 01.jpg

 

  Step.2  舊版聯絡表單 

左方功能表選擇「社群」即可找到『聯絡表單』(下方為舊版聯絡表單)

表單元件 舊版.jpg

 

  Step.3  新版聯絡表單 

進入頁面設計,左方選擇「社群」即可找到『聯絡表單』(下方為新版聯絡表單) 

聯絡表單拉入區塊後,右方「內容編輯」➜「基本設定」➜ 點擊「表單項目編輯」

表單元件 02.jpg

 

  Step.4  新版聯絡表單 

點擊「⌄」展開下拉選單,可設定
▪️格子佔位:全格、半格。
▪️輸入框類型:輸入框、文字區塊。

點擊下方「+增加」即可增加項目欄位。

表單元件 03.jpg

 

  Step.5  新版聯絡表單 

1. 格子佔位
▪️全格:欄位橫向寬度佔 2 個半格
▪️半格:欄位橫向寬度僅佔表單一半

2. 輸入框類型
▪️輸入框:高度固定(無法調整高度)
▪️文字區塊:可調整欄位高度

3. 可變更「表單顏色」可使用滴管抓取想要的顏色,或輸入色號。

4. 輸入框樣式:圓角、方角

表單元件 04 更新.jpg

 

  Step.6  新版聯絡表單 

下方為操作示範影片。

 

 

 

 

 

 

使用「表單元件」遇上問題?

觀迎諮詢 BV SHOP 官方 LINE 客服

未命名設計 (5).png