WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率
WooCommerce教學系列-Checkout Field Editor 結帳欄位調整

文章最後更新日期 2021 年 8 月 23 日

歡迎來到 WooCommerce教學系列,這篇的教學中要來教您如何修改 WooCommerce結帳欄位,優化你的電商網站購物流程

WooCommerce 是 WordPress 常做為購物車網站使用的外掛,在預設的結帳流程中,需要客戶填寫的欄位就高達10個, 在現今講求速度的時代, 通常客戶購買到結帳的這個步驟時,若是看到有一堆的欄位要填寫的話才能完成購買的話 ,我想大部份人看到這個可能就謝謝再聯絡了, 所以電商網站購買流程更是需要簡化再簡化,方便客戶下單購買才是我們網站所要思考的重點

外掛名稱:Checkout Field Editor(免費)

安裝woocommerce結帳流程欄位外掛

首先我們先到安裝外掛的地方,搜尋 Checkout Field Editor ,接著安裝並啟用外掛

Woocommerce結帳欄位簡化-Checkout field editor

結帳欄位設定

修改預設結帳欄位

step 1

點選 WooCommerce,接著點選「Checkout Form」進入到欄到設定頁

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

step 2

在WooCommerce 結帳流程中,共會有 3個表單,分別是

  1. Billing Fields :帳單資訊(預設結帳欄位)
  2. Shipping Fields:運送資訊 (運到不同地方)
  3. Additional Fields :其他備註

所以我們要針對這三個結帳表單來做個別設定,讓我們先來看一下原本 WooCommerce結帳表單欄位

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

原本的結帳欄位非常的多,也分的非常的細,所以接下來我們要開始改造這部份

接著對應到Checout field editor 外掛的結帳欄位

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

step 3

Billing Fields

因為預設的好幾個欄位都是 「必填欄位」,若是沒有取消的話,在結帳時一定會出現錯誤,導致無法結帳

先點選要欄位資料的 「Edit」按鈕之後,再到跳出的視窗中,取消「必填欄位」,並且取 「Enable」(啟用)

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

將所有不需要的欄位都 「Require」取消必填及「Enable」啟用之後,看到的畫面就會像是下方圖片

在這裡站長只保留地址、電話、Email 這三個欄位

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

step 4

Shipping Fields

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

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

這裡也要記得將 require必填欄位 取消掉,不然結帳還是會出現錯誤唷

step 5

Additional Fields

如果有需要備改Additional Fields備註欄位的內容,也可以在這裡新增修改

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

step 6

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

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

新增結帳欄位

若你的電商網站比較特殊,或是想要取得客戶更多特定的個人資料,就可以使用新增欄位的方式來達成

step 1

點選 「Add field」按鈕

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

step 2

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

WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率

結論

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


 

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡

如果想要自己架設網站的話,也有提供 1對1線上教學 ,使用遠端電腦連線+語音的方式教學,讓你不需出門就能在家學習

另外也有 網站顧問服務網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你做網站健檢

推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案

MA-Course線上課程系統
MA-Course線上課程系統

想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊

想要在網路販賣東西的話,我們也有提供 電商購物網站方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站管理自主權,不用受限於平台限制

如果對 WordPress架站網站經營網路行銷 有興趣的朋友,也可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。

歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流


本網站部份推薦的連結與商家有合作關係,如果您透過推薦連結購買商品,我們會得到少量分潤,支持我們產出更多優質文章,不會影響您的購買價格,透過連結購買甚至可以更優惠,詳情說明請查看這篇 免責聲明

大新哥

12年以上網站架設與網路行銷的經驗,自由工作者5年+,架過多種類型網站,例如形象網站、購物網站、會員網站、課程平台網站,擅用網站工具來解決不同的問題,希望將多年來的網站經營經驗技巧分享給你

發佈留言