Homewordpress

wordpress/woocommerce的結帳表單設定


結帳表單是woocommerce設定中重要的課題,之前的調整是拜讀前輩的幾篇文章

實作成功並協助將業主的網站調整為

  • 只留下了收件人/縣市/地址/MAIL/手機
  • 刪除了 國家/姓/公司/鄉鎮市/地址2/


我認為最可以刪掉的其實是郵遞區號欄位,若超商取貨,此欄位根本沒用,若郵局寄件,可以自己寫就好,降低客戶的填表複雜度,若數量真的超多,大可花錢請專業公司寫一個自動判斷的欄,當客戶輸入地址就會自動帶出郵遞區號,主要的思考邏輯就是簡化客人填寫表單的困難,越簡單越好,只需要寫必要的資訊就好。

但業主目前有新需求,網站的結帳表單要
  • 增加四個欄位方便客戶填寫其他資料使用

新增欄位並寫進資料庫或者是帶入備註,當然是可行的,但其實目前這個欄位是所謂的 帳單地址 billing address (WooCommerce預設功能為帳單地址/運送地址)

ShippingAddress基本上是沒用到的,所以,直接使用這邊的欄位來達成客戶的需求是最簡單的方式

使用check form來達成

01 : 直覺式的操作與每個欄位都可以有提示字眼




02 : 同上


03 :
名稱

吃喝玩樂,14,社會秩序維護法,1,班服,4,電腦刺繡,26,網路行銷,14,繪圖軟體,24,adobe,9,AutoStitch,15,tajima,15,wordpress,15,
ltr
item
設計師在台南: wordpress/woocommerce的結帳表單設定
wordpress/woocommerce的結帳表單設定
wordpress/woocommerce的結帳表單設定,如何優化讓客人不用填寫太多欄位
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmByNmqXaxq3dYlszxBeTsFhj_ISSCHcWC2gXwL1nCamLkSrXnONMACAbfnhCuTiWsy86LmOzxFVLyMJhX-WQt9RhvhOqO_MOAtK_e13M0MrJLLLc5EOlyTfk_DCvjSOVOfRs_A/s640/check01.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmByNmqXaxq3dYlszxBeTsFhj_ISSCHcWC2gXwL1nCamLkSrXnONMACAbfnhCuTiWsy86LmOzxFVLyMJhX-WQt9RhvhOqO_MOAtK_e13M0MrJLLLc5EOlyTfk_DCvjSOVOfRs_A/s72-c/check01.jpg
設計師在台南
https://www.twomou.com/2016/03/blog-post_31.html
https://www.twomou.com/
https://www.twomou.com/
https://www.twomou.com/2016/03/blog-post_31.html
true
9035990
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore 回覆 Cancel reply Delete By Home PAGES POSTS View All 推薦閱讀 : 標籤 ARCHIVE SEARCH ALL POSTS 抱歉,沒找到相關內容。 →返回首頁 Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec 剛剛 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy 目錄