Shopping Cart

購物車內沒有任何商品。

快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何簡化 WooCommerce 結帳頁面?

「結帳頁面」是 WooCommerce 購物網站的基本頁面之一,也是顧客購買商品的最後一哩路。對於顧客來說,結帳流程與欄位越少,越能提升購買意願;對於購物網站來說,能減少棄單率、增加轉換率。

架設 WooCommerce 購物網站前置作業

在開始說明如何簡化 WooCommerce 結帳頁面前,你需要先租用網域及主機,並安裝佈景主題及 WooCommerce 外掛。

網域主機佈景主題購物功能
推薦服務/工具CloudflareKinstaBlocksyWooCommerce

WooCommerce 結帳頁面組成要素

結帳頁面 = 開場區塊 + 折價券 + 帳單資訊 + 額外資訊 + 訂單資訊

  • 開場區塊:包含標題導覽標記元素。
  • 折價券:讓消費者輸入折扣碼,以更優惠的價格購買商品。
  • 帳單資訊:包含姓名、電話、信箱、地址等欄位。
  • 額外資訊:讓消費者填寫訂單備註。
  • 訂單資訊:顯示購買的商品、金額及付款方式。

如何簡化 WooCommerce 結帳頁面?

你可以使用 Checkout Manager for WooCommerce 外掛停用、編輯或重新排列結帳欄位。

步驟
安裝 Checkout Manager for WooCommerce 外掛

前往 [外掛]→[安裝外掛] 並搜尋 Checkout Manager for WooCommerce,找到開發者是 QuadLayers 的外掛後,點選 [立即安裝] 按鈕。安裝完成後,點選 [啟用] 按鈕。

步驟
簡化 WooCommerce 結帳欄位

前往 [WooCommerce]→[設定]→[Checkout],然後點選「Billing」便能開始簡化結帳欄位。

隱藏欄位

舉例來說,你想要隱藏「公司名稱」欄位,可以啟用「Disabled」。

新增欄位

舉例來說,你想要新增「從何處得知我們」欄位,可以點選「Add New Field」按鈕。

調整欄位寬度

舉例來說,你想要將「名字」欄位變成全寬,可以在 Position 選擇「Wide」。

更改欄位順序

舉例來說,你想要將「縣 / 市」欄位放在所有地址欄位的最上方。

新增條件式邏輯

舉例來說,你想要讓「從何處得知我們」欄位中的「其它」選項具有條件式邏輯功能。當有人選擇「其它」後,便會跳出「文字」欄位供使用者輸入。

​如何新增符合台灣地址的欄位?

你可以使用 RY City Select for WooCommerce 外掛實現;或者安裝 WooCommerce 好用版擴充。

你正在尋找適合 WooCoomerce 購物網站的主機嗎?

歡迎參考我們所提供的 Kinsta 高效能主機,不僅速度極快,也很安全及穩定,非常適合 WooCoomerce 購物網站。

文章瀏覽次數:89

SEO 服務

不滿意現有網站的流量嗎?網站排名始終無法超越進爭對手?如果你有這些煩惱,歡迎參考本站提供的 SEO 服務。

需要你的支持

如果你在本站有學習到東西,歡迎提供反饋,以便我們確認方向正確。當我們收到資料後,會另外幫你免費宣傳。你的支持是我們繼續創作的動力!

內容檢查清單

如果你想讓網站的內容更具競爭力,除了透過 SEO 外掛輔助外,也建議搭配我們所製作的內容檢查清單,內含 17 個檢查項目及 42 個最佳做法。此外,還會教你如何將檢查清單新增至 WordPress 網站上。

全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講者 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
喜歡請分享!
wei
wei

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。

開啟目錄