WooCommerce 結帳頁面怎麼改？店主自己動得了的部分與該找工程師的界線

想把結帳頁的「公司抬頭」欄位拿掉，結果在 WooCommerce 設定裡翻了半天，找不到任何一個地方可以改欄位。你沒有找錯，是因為你的店用的是新版的區塊結帳，它的欄位設定不在 WooCommerce 選單裡，而是躲在網站編輯器的頁面裡。

結帳頁面能不能自己改，答案取決於一件事：你的店現在跑的是哪一種結帳。WooCommerce 目前同時存在兩套結帳，一套是用短代碼加 PHP 樣板的傳統結帳，另一套是 2023 年底之後新店預設的區塊結帳。兩套的改法完全不同，網路上找到的教學有一半對你沒用，就是因為它講的是另外一套。這篇先教你三十秒判斷自己是哪一種，再說明店主自己動得了哪些部分、哪些一定要找工程師，以及台灣店在超商取貨和發票欄位上最容易踩的坑。

先花三十秒，確認你的結帳頁是哪一種

進後台的「頁面」，找到「結帳」那一頁點進去編輯，然後看畫面：

• 畫面中間只有一小塊灰色區域，寫著 [woocommerce_checkout] 這串文字，其他什麼都沒有：你是傳統結帳（Classic Checkout）。
• 畫面直接顯示出完整的結帳表單長相，左邊有聯絡資訊、配送地址，右邊有訂單摘要，滑鼠點下去每一塊都能選取：你是區塊結帳（Checkout Block）。

依照 WooCommerce 官方說明，2023 年 11 月的 8.3 版之後新建立的商店，預設就是區塊結帳，不需要任何設定。而 8.3 之前就開張的老店，除非你自己動手轉換過，否則通常還停在傳統結帳。台灣有大量電商是前幾年架的，所以實務上兩種都很常見。

順帶一提，購物車頁面也有同樣的兩套，判斷方式一樣，看到的是 [woocommerce_cart] 就是傳統版。這兩頁可以各自獨立，一頁是區塊、另一頁是傳統，這種混搭狀態並不罕見，也是很多疑難雜症的源頭。

兩種結帳差在哪：一張表看完

看完這張表大概就有感覺了：區塊結帳體驗比較好、也是官方要走的方向，但它跟台灣在地外掛之間還有一段磨合期沒走完。這個落差，就是下一節所有麻煩的來源。

台灣店最容易踩的三個坑

付款方式整排消失，客人結不了帳

這是最嚴重、也最沒有前兆的一個。WooCommerce 官方文件講得很直白：如果你啟用的金流外掛剛好都不支援區塊結帳，客人在結帳頁會看到「沒有可用的付款方式」，訂單直接卡死在最後一步。

可怕的地方在於，後台看起來一切正常。你的金流外掛還在、設定都還在、後台也顯示啟用中，只有真正走到結帳頁的客人才看得到那行字。如果沒人打電話來抱怨，你可能整整幾天都以為只是「最近生意比較差」。

所以升級或轉換結帳頁之後，永遠要自己用真實流程走一次到付款頁，不要只看後台。這件事的成本是三分鐘，不做的代價是整天的訂單。

超商取貨的門市選擇按鈕不見了

依資策會產業情報研究所（MIC）在 2025 年第四季的調查（有效樣本 1,068 份），超商取貨是台灣消費者最常用的網購取貨方式，占七成五，比宅配還高。而超商取貨在結帳頁需要一個「選擇門市」的按鈕，讓客人跳到超商的電子地圖挑店，再把門市代號帶回訂單。這個按鈕是台灣金流物流外掛自己插進結帳頁的，用的是傳統結帳的擴充點。

換句話說，一旦切到區塊結帳，這顆按鈕能不能活下來，完全取決於你用的那套外掛有沒有跟上。沒跟上的話，客人選了超商取貨卻沒地方挑門市，訂單進來時門市代號是空的，出貨那端根本建不了寄件單。我們在超商取貨 API 串接教學裡拆解過整條流程，門市代號是整個環節的鑰匙，缺了它後面全部停擺。

發票欄位與載具，是台灣特有的變數

統一編號、公司抬頭、手機條碼載具、捐贈碼，這些欄位在 WooCommerce 原生設計裡通通不存在，全部是台灣的金流或發票外掛額外加上去的。它們掛在結帳頁的方式，跟超商取貨按鈕是同一類做法，因此也會遇到同一種相容性問題。

比較麻煩的是，發票欄位出錯不像付款方式消失那樣立刻被發現。客人照樣結完帳、錢照樣收到，只是統編沒帶進去，等到月底對帳或客人來要發票才爆開。金流與發票這條線怎麼串，我們在WordPress 金流串接完整指南與WooCommerce 台灣金流物流串接完整指南寫得比較完整。

店主自己動得了的部分

講完風險，回來講好消息。如果你已經在用區塊結帳，有幾件事真的不需要找人，自己點一點就能改。

開關欄位

在結帳頁編輯畫面裡點選「聯絡資訊」或「配送地址」那一塊，右側側邊欄會出現欄位的開關。公司抬頭、地址第二行、電話這幾個，可以設定成不顯示、選填或必填。想把不需要的欄位藏起來，這裡就能做完。

但有一個欄位請你手下留情：電話不要關掉。台灣的超商取貨和宅配都靠手機號碼通知客人，取貨通知簡訊是發到這支號碼的。為了讓表單看起來短一點而砍掉電話，換來的是出貨時一筆一筆打電話問客人。

調整文字與版面

按鈕上的文案、各區塊的標題、要不要顯示優惠券輸入框、訂單摘要放左邊還是右邊，這些都在同一個側邊欄裡。這部分改壞了也不會有什麼嚴重後果，可以放心試。

加自訂欄位（這裡開始需要工程師）

如果要加的是 WooCommerce 沒有的欄位，例如「希望到貨時段」或「這是不是禮物」，區塊結帳有官方的擴充方式，叫做 Additional Checkout Fields API，需要 WooCommerce 8.9.0 以上版本。它支援三種欄位型別：文字、下拉選單、勾選框，可以放在聯絡資訊、地址、訂單資訊三個位置其中之一。

// 示意用途，實際請依官方文件撰寫
add_action( 'woocommerce_init', function () {
    woocommerce_register_additional_checkout_field( array(
        'id'       => 'roamer/delivery-time',
        'label'    => '希望到貨時段',
        'location' => 'order',      // contact / address / order
        'type'     => 'select',
        'required' => false,
    ) );
} );

這段程式碼要放進外掛或子主題，不是貼到結帳頁裡。如果你看到這段的反應是「這要貼哪」，那就是該找工程師的訊號，不是自己硬上的時候。順帶一提，同一個欄位不能同時出現在兩個位置，這是 API 本身的限制，不是設定錯了。

該砍欄位，還是該砍步驟

「結帳欄位越少轉換率越高」這句話流傳很廣，方向沒錯，但照著做常常做錯地方。多數台灣電商的結帳頁真正拖累轉換的，不是欄位多了兩格，而是這幾件事：

• 強迫註冊會員才能結帳。這是勸退效果最強的一項，訪客結帳一定要開。
• 結帳頁載入太慢。手機上多等兩秒，人就走了，這件事我們在效能與轉換率裡談過數字。
• 運費要到最後一步才顯示。客人算不出總價，會先離開去比價，然後就不回來了。
• 超商取貨的門市選了之後沒有明確顯示在頁面上，客人不確定有沒有選成功，反覆重選。

先把這幾項處理掉，再回頭談要不要砍欄位。真的要砍，優先砍公司抬頭（改成選填）和地址第二行，這兩個對台灣多數 B2C 店是可有可無的。至於商品頁那一端的轉換問題，屬於另一個題目，可以看WooCommerce 產品頁優化實戰。

要不要換成區塊結帳？一個實際的判斷

如果你的店現在跑得好好的，訂單正常進來，金流物流都沒事，那麼不換是完全合理的決定。傳統結帳並沒有被移除，它仍然可以運作。網路上「趕快升級」的說法多半來自英文圈，那邊的外掛生態跟不上的比例低得多，套用到台灣店身上不一定成立。

反過來，這幾種情況換過去的效益比較明確：新開的店還沒累積一堆外掛、店裡的金流物流外掛官方已經明確支援區塊、或是你本來就打算重做整個購物流程。

真的要換，順序建議是這樣：先複製一份測試站，在測試站上換，然後用真實商品走完一次下單、選超商門市、付款、拿到發票的完整流程。確認每一步都活著，再回到正式站動手。這一步聽起來很囉唆，但結帳頁是全站唯一直接碰錢的頁面，是最不適合在正式站上「試試看」的地方。順帶一提，區塊與傳統之間的轉換按鈕是雙向的，換過去發現不對可以換回來，WooCommerce 也在偵測到金流不相容時提供一鍵切回傳統結帳的選項，這點讓風險小了不少。

如果切回去之後發現某些設定跑掉，多半是外掛之間互相打架，這類問題的排查方式我們在外掛衝突診斷整理過。

換之前的檢查清單

最後那一項最容易被忘記。廣告像素和 GA4 的購買事件，很多是掛在傳統結帳的 PHP 事件上，換成區塊之後那個事件不再觸發，數據會突然歸零，而你會以為是真的沒訂單了。換完之後記得下一筆測試訂單要確認事件有進來。

資料來源與查證

本文的版本與 API 規格查證於 2026 年 8 月 3 日，WooCommerce 改版節奏快，實際設定請以官方文件為準。

• WooCommerce 官方：Cart and Checkout Blocks Status（區塊結帳現況、8.3 起為新店預設、金流不相容時的一鍵切回）
• WooCommerce 開發文件：Additional checkout fields（需 8.9.0 以上、三種欄位型別、三個可放置位置）
• WooCommerce 開發文件：How to add additional checkout fields（註冊時機與實作範例）
• WooCommerce Developer Blog Changelog（版本發布時程）
• 工商時報：資策會 MIC 2026 電商消費調查（2025 年第四季調查，有效樣本 1,068 份，超商取貨占七成五）

延伸閱讀

• WooCommerce 台灣金流物流串接完整指南：綠界、藍新、超商取貨的整體架構怎麼配
• 超商取貨 API 串接完整教學：門市電子地圖、貨態回拋與逾期退貨的實務坑
• 黑貓宅急便 API 串接完整教學：宅配這條線的串法
• WooCommerce 自訂結帳流程：傳統結帳時代的客製做法，老店適用
• 企業級 WordPress 開發完整指南：整站架構與選型的上層判斷

結帳頁是全站唯一直接經手金錢的頁面，改壞了不會有警告，只會安靜地少收錢。如果你已經確認自己踩到上面某一個坑，或是不確定該不該換、換了會不會出事，跟我們聊聊，我們可以先幫你看一眼現況再決定要不要動。電商的整體技術規劃也可以參考我們做過的案子。