WooCommerce教學系列-Checkout Field Editor 結帳欄位調整

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

文章最後更新日期 2020 年 8 月 25 日

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

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

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

一、安裝woocommerce結帳流程欄位外掛

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

Woocommerce結帳欄位簡化-Checkout field editor

二、結帳欄位設定

2-1、修改預設結帳欄位

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結帳欄位流程優化,簡化流程才能提高銷售率

2-2、新增結帳欄位

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

step 1

點選 「Add field」按鈕

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

step 2

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

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

三、結論

一個轉換率高的電商網站,是經過不斷的 A/B測試,不斷的優化網站動線,簡化網站結帳流程,如何讓客戶有效的購買,是一個電商網站需要思考的問題



若是對於教學文章有不清楚的地方,歡迎在下方留言
如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」給更多人知道

我們正在製作 WP全方位新手架站課程,包含形象設計、電商網站的建置教學,讓你省下5-10萬元的網站費用
有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,讓你可以快速學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按下5個like,支持我們創作更多優質的文章

更多實用文章推薦

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *