
歡迎來到 WooCommerce教學系列,這篇的教學中要來教您如何修改 WooCommerce結帳欄位,優化你的電商網站購物流程
WooCommerce 是 WordPress 常做為購物車網站使用的外掛,在預設的結帳流程中,需要客戶填寫的欄位就高達10個, 在現今講求速度的時代, 通常客戶購買到結帳的這個步驟時,若是看到有一堆的欄位要填寫的話才能完成購買的話 ,我想大部份人看到這個可能就謝謝再聯絡了, 所以電商網站購買流程更是需要簡化再簡化,方便客戶下單購買才是我們網站所要思考的重點
外掛名稱:Checkout Field Editor(免費)
Woo電商小教室(點選左方文字可進入完整文章專欄)
如果想要完整學習WooCoomerce的設定方式與經營技巧,歡迎觀看下方Woo攻略
Woo攻略1:5個步驟幫你的電商購物網址註冊一個好記的網址
Woo攻略2:選擇電商最適合的網站主機,快速穩定才能帶來高轉換率
Woo攻略3:15分鐘教你架設電商購物網站,立即省下10萬元
Woo攻略4: 電子商務網站開店第一步必要7大設定
Woo攻略5:商品資料設定- 可變商品 操作說明
Woo攻略6: 商品資料設定- 組合商品 操作說明
Woo攻略7:商品資料設定- 外部/加盟商品 操作說明
Woo攻略8: WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率
Woo攻略9:9個Email名單快速爆增小技巧,累積名單才能永續經營
Woo攻略10: 如何選擇適合的WordPress電商主題?9個項目讓你購買主題不踩雷
Woo攻略11:WordPress SEO優化 – 10大技巧教你有效寫出高排名的文章
Woo攻略12:5個LandingPage銷售頁設計重點讓你達成高轉換率
本篇文章大綱
安裝woocommerce結帳流程欄位外掛
首先我們先到安裝外掛的地方,搜尋 Checkout Field Editor ,接著安裝並啟用外掛

結帳欄位設定
修改預設結帳欄位
step 1
點選 WooCommerce,接著點選「Checkout Form」進入到欄到設定頁

step 2
在WooCommerce 結帳流程中,共會有 3個表單,分別是
- Billing Fields :帳單資訊(預設結帳欄位)
- Shipping Fields:運送資訊 (運到不同地方)
- Additional Fields :其他備註
所以我們要針對這三個結帳表單來做個別設定,讓我們先來看一下原本 WooCommerce結帳表單欄位

原本的結帳欄位非常的多,也分的非常的細,所以接下來我們要開始改造這部份
接著對應到Checout field editor 外掛的結帳欄位

step 3
Billing Fields因為預設的好幾個欄位都是 「必填欄位」,若是沒有取消的話,在結帳時一定會出現錯誤,導致無法結帳
先點選要欄位資料的 「Edit」按鈕之後,再到跳出的視窗中,取消「必填欄位」,並且取 「Enable」(啟用)

將所有不需要的欄位都 「Require」取消必填及「Enable」啟用之後,看到的畫面就會像是下方圖片
在這裡站長只保留地址、電話、Email 這三個欄位

step 4
Shipping Fields接著修改「運送資訊」欄位,這是結帳欄位中「運送到不同的地址?」的功能,如果客戶要寄到不同地方,要收貨的地址

這裡也要記得將 require必填欄位 取消掉,不然結帳還是會出現錯誤唷
step 5
Additional Fields如果有需要備改Additional Fields備註欄位的內容,也可以在這裡新增修改

step 6
儲存後,回到前台確認一下,原本 多達10個的結帳欄位,已經被修改為3個,在結帳時是不是方便些

新增結帳欄位
若你的電商網站比較特殊,或是想要取得客戶更多特定的個人資料,就可以使用新增欄位的方式來達成
step 1
點選 「Add field」按鈕

step 2
接著輸入欄位資訊,這裡一般常使用到 Type(欄位類型) 、Name(欄位名稱)、Label(欄位標題)、Placeholder(提示訊息),再來設定這個欄位是否必填,再按下Save按鈕就可以囉

完整購物網站教學影片
結論
一個轉換率高的電商網站,是經過不斷的 A/B交叉測試,不斷的優化網站動線,簡化網站結帳流程,如何讓客戶有效的購買,是一個電商網站需要反覆思考的重點,經由不斷的優化之後,才能建構出讓消費者可以方便購買的電商平台

想更完成學習WordPress架站技術,歡迎加入全方位架站課程
如果這些文章對你有幫助的話,也歡迎請大新哥喝杯咖啡 <<我要前往請喝咖啡>>
想要最便宜的金流手續費優惠?
→【電商網站必備】藍新科技金流申請,享2.4%最低手續費(透過專屬表單)
更多網站教學影片都在Youtube頻道,歡迎按讚、訂閱、分享
若是有網頁設計的需求或是合作邀約,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡
如果想要學習架設網站,或是架站遇到問題的話,也有提供 1對1線上教學 ,使用遠端電腦連線+語音的方式教學,讓你不需出門就能在家學習,歡迎設計師或工程師帶案合作
覺得網站太慢或常當機的話,歡迎參考 WordPress網站搬家服務
另外也有 網站顧問服務 及 網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你做網站健檢
推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案
想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊
想要在網路販售商品的話,我們也有提供 電商購物網站方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站管理自主權,不用受限於平台限制
如果對 WordPress架站、網站經營 及 網路行銷 有興趣的朋友,可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。
歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流
網站經營需要費用,本站所提供的商品連結或廣告,透過連結購買的話,我可以獲得一點點微薄佣金,讓我們可以持續創作更好的內容,但這不會影響到你的使用權益,詳情可查看 FTC免責聲明
