電商結帳頁,七成棄單怎麼救

「東西都加進購物車了,為什麼最後沒買?」這是電商老闆最抓狂的一段路。廣告費照燒、商品照拍、頁面照做,結果購物車裡躺著一堆沒結完的訂單。多數人第一反應是再加預算、再換素材,但真正在漏水的地方通常不是流量,而是結帳這幾個畫面。這篇用 Baymard Institute 十年結帳實測、資策會 MIC 的台灣消費調查數據,把棄單的原因一項一項拆開,再對照台灣特有的超取、載具、貨到付款這些欄位該怎麼處理,最後附一段用 AI 工具實際檢查結帳流程與寫棄單信的操作步驟,讓你今天就能回頭盤自己的網站。

先弄清楚:七成棄單是常態,不是你做壞了

先給一個讓人稍微安心的數字。Baymard Institute 把 50 份不同來源的購物車棄單研究彙整起來計算,平均棄單率是 70.22%。也就是說,十個把商品放進購物車的人,大約七個不會結完。這個數字從 2006 年一路統計到現在都在七成上下浮動,不是最近才變差,也不是你的店特別爛。

更重要的是後面那一半。Baymard 的量化調查問了美國網購族「這次為什麼放棄」,42% 的人回答「我只是在逛,還沒打算買」。這一群人本來就不是這次要成交的對象——比價、收藏、看看有什麼、幫別人選禮物,這是網購的自然行為,你設計得再好也留不住。

真正值得處理的是把「只是逛逛」拿掉之後剩下的原因,而這些幾乎都是設計問題,不是消費者問題。排序是這樣的:

• 40% 額外費用太高(運費、稅金、手續費)
• 20% 到貨太慢
• 19% 不放心把信用卡資料交給這個網站
• 18% 網站要求先註冊會員
• 17% 結帳流程太長太複雜
• 17% 網站出錯或當掉
• 13% 退換貨政策不滿意
• 12% 沒辦法事先看到訂單總金額
• 9% 付款方式不夠

看完這張清單你會發現一件事:前九名裡面有七項是網站可以改的,而且多數不需要重做網站,只要改結帳頁的資訊順序與欄位設計。Baymard 統計自己十年來的結帳測試結果,大型電商光靠結帳流程與設計優化,平均可以拿到 35.26% 的轉換率成長;換算到美國與歐盟合計 7,380 億美元的電商規模,等於有 2,600 億美元的訂單是「純粹因為結帳難用」而流掉的。這些站不是小店,是 Walmart、Amazon、ASOS 這種等級,連他們都還有這麼大的空間。

第一名的殺手:不是運費太貴,是你太晚說

「額外費用太高」連續六年都是棄單原因第一名,而且票數幾乎是第二名的兩倍。但這句話很容易被誤讀成「消費者就是想要免運」,然後老闆開始糾結要不要吸收運費、毛利怎麼算。

把調查再往下看一層會發現重點不同:另外有 12% 的人是因為「沒辦法在結帳前算出總金額」而放棄。這兩個數字要合在一起看——消費者真正反感的,是「我以為 890 元,按到最後變成 1,010 元」的那一下。金額不是問題,金額突然變動才是問題,那種感覺很接近被騙。

實務上的解法比降價便宜多了。把運費規則寫在商品頁,不要藏在結帳第三步。「滿 1,200 免運,未滿運費 65 元」這一行字放在加入購物車按鈕附近,成本是零,但它把驚嚇提前到消費者還沒投入時間的階段。台灣多數店家有超取、宅配、店取三種運費,更該在商品頁就用一行小字講完。

購物車頁面則要做「差額提示」。當客人買了 950 元,顯示「再買 250 元免運」比單純顯示運費 65 元有效得多,因為它把成本轉成了一個可以行動的目標,順便拉高客單。這是台灣電商最容易補、又最常忘記做的一塊。

還有一個常被忽略的細節:結帳每一步的畫面上都要有一個持續可見的訂單摘要,商品、數量、運費、折扣、總計都列清楚,而且不用點開。消費者在填地址的時候心裡還在算錢,你把數字藏起來,他就會停下來去確認,一停下來就有機會關掉。

強迫註冊會員:你等於把 18% 的人擋在門口

「先加入會員才能結帳」是台灣中小型電商最常見的設定,理由通常很合理:要留名單、要做再行銷、要累積會員資料。但數據上這是一筆很差的交易。18% 的購物者明確表示,他們放棄訂單是因為網站要求註冊。

問題出在時間點。第一次來的客人還在評估你可不可靠,你就要他設密碼、驗證信箱、同意條款,他要付出的心力遠大於「我只是想買這一件」。何況現在多數人手機上已經有幾十組帳號,再多一組是負擔不是福利。

正確做法是提供訪客結帳,並且把它放在跟會員登入同樣顯眼的位置,不要用灰色小字寫在最底下。更好的做法是「結帳後再邀請」:訂單完成頁顯示「幫你保留這次的資料,設一組密碼就能建立帳號」,這時候客人已經付完錢、對你有信任,轉換率遠高於一開始就攔人。

如果你的商業模式真的需要會員(例如訂閱制、會員價、積點),那就把好處寫在按鈕旁邊:「註冊可累積 5% 回饋」比「請先登入」有說服力得多。重點是讓註冊變成一個選擇,而不是一道閘門。

結帳欄位:理想是 12 個,你的網站可能有 25 個

這是整篇最實用的一個數字。Baymard 的結帳可用性測試發現,一個理想的結帳流程只需要 12 到 14 個表單元素(如果只算真正要填的欄位,是 7 到 8 個)。而他們的 benchmark 資料庫顯示,實際上業界平均一開始就丟給使用者 23.48 個表單元素,大約是理想值的兩倍。

換句話說,多數網站的結帳流程有 20% 到 60% 的欄位是可以直接砍掉或合併的,而且砍掉不影響出貨。以台灣的狀況,結帳頁常見的欄位長這樣:姓名、手機、市話、Email、縣市、鄉鎮、郵遞區號、詳細地址、收件人姓名、收件人電話、發票類型、統編、公司抬頭、載具號碼、備註、我要訂閱電子報。

拿這張表對照一下,可以立刻處理的有:

• 市話刪掉——現在沒有物流會打市話,留手機就夠
• 郵遞區號自動帶入——選了縣市鄉鎮就該自動填,不要讓客人去查
• 收件人資訊預設同購買人——給一個勾選框展開,而不是預設兩組欄位
• 發票欄位收合——預設「電子發票存載具」,要開統編的人再點開,不要一次把四個欄位攤在畫面上
• 電子報訂閱不要預設打勾——法遵風險先不談,它會讓客人多停一秒去思考

還有一個最容易被忽略的:不要把地址切成太多格。台灣人習慣一次把地址打完,拆成縣市、區、路、段、巷、弄、號、樓八個欄位,在手機上每跳一格就要重新對焦一次鍵盤,這是純粹的摩擦。留「縣市」「鄉鎮市區」下拉,加上一個完整地址輸入框就夠了。

台灣的結帳頁不能照抄國外:超取就佔七成五

國外的結帳研究很值得參考,但有一段必須換成台灣的版本。資策會產業情報研究所(MIC)在 2026 年 6 月發布的《電商市場趨勢與消費調查》(調查期間 2025 年第四季、有效樣本 1,068 份)顯示,台灣消費者網購最常用的取貨方式是「超商取貨」,佔 75%,比宅配還高;取貨櫃則有 27%,而且還在成長。

這個比例會直接改變結帳頁的設計優先順序。在美國的結帳流程裡,「地址」是主角;在台灣,「選門市」才是主角,而它偏偏是最容易做壞的一段。常見的災難有幾種:點了選門市會跳出新視窗、跳回來購物車清空;選完門市之後頁面回到最上面,客人要重填一次;門市選擇器在手機上是一個縮到看不清的 iframe;或是只能用地圖找,不能打門市名稱搜尋。

要處理的其實不難,但要真的用手機測過:門市選完必須帶回原本的位置、購物車與已填欄位一律保留、支援輸入門市名稱或店號直接搜尋、記住上次取貨的門市。最後一項對回購型商品的效果特別明顯——常客不用每次都重選一次 7-11。

另外,超取有金額與材積上限(多數超取限重 5 公斤、單邊 45 公分、材積 105 公分,代收貨款通常有 2 萬元上限)。這些限制要在購物車就檢查並提示,不要等客人填完所有資料才在送出時跳錯誤。「網站出錯」這一項在 Baymard 的調查裡佔 17%,而台灣店家最常見的「出錯」就是這種送出後才爆的驗證。

付款方式不夠,等於把現金推出門外

兩個數字要放在一起看:19% 的人放棄是因為不信任這個網站的刷卡安全,9% 是因為付款方式不夠。加起來將近三成,而這兩件事其實是同一件事的兩面——消費者想用他自己熟悉、有信任感的付款方式。

台灣的現實是付款習慣非常分散:信用卡、超商取貨付款、ATM 轉帳、LINE Pay、街口、Apple Pay、行動支付,近兩年再加上先買後付(BNPL)。你不需要全部都上,但至少要涵蓋三類:一張卡(信用卡)、一個錢包(LINE Pay 或 Apple Pay)、一個不用綁卡的(超取付款或 ATM)。

數位錢包這一塊的效果是被量化過的。BCG 與 Shopify 的研究指出,導入「加速付款方式」(如 Apple Pay、Google Pay 這類一鍵支付)最多可以讓轉換率提高 50%。原因很單純:它把「掏出皮夾、輸入十六碼、找安全碼、收簡訊驗證」這一整段換成一次生物辨識。手機結帳的場景下,這段差距非常大。

信任感則要用畫面處理。刷卡欄位旁邊放上金流商標誌(綠界、藍新、TapPay 這些台灣買家認得的名字)、SSL 標示、以及一行「我們不會儲存您的信用卡資料」。另外,公司統編、實體地址、市話、退換貨政策連結要出現在結帳頁看得到的地方——這是 B2C 買家判斷「這家是不是真的存在」的依據,尤其對第一次買的客人。

結帳頁慢一秒,你就少一批訂單

「網站出錯或當掉」佔 17%,這個數字看起來像技術問題,但它在結帳頁的殺傷力被嚴重低估。原因是:結帳是整個購物流程中,使用者投入最多、耐性卻最低的一段。商品頁慢三秒,他可能還會等;付款頁轉圈三秒,他會開始懷疑錢是不是被扣了。

2026 年 Google 的 Core Web Vitals 標準也往前收緊,LCP 的合格線從 2.5 秒移到 2.0 秒,INP 要在 200 毫秒以內,而且取的是真實使用者 28 天資料的第 75 百分位——不是你自己在辦公室 Wi-Fi 測一次就算。

電商結帳頁常見的效能地雷有這幾個:購物車頁掛了一堆追蹤碼(GA、Meta、TikTok、聯盟行銷、客服機器人、彈窗工具),每一個都在搶主執行緒;商品縮圖沒壓縮,購物車一次載入十張兩百 KB 的圖;金流外掛在頁面初始就同步載入 SDK。處理順序是:結帳流程的頁面只保留必要的追蹤碼、縮圖一律 WebP 並限制實際輸出寬度、金流 SDK 改成需要時才載入。

還有一個非技術但很致命的:送出訂單按鈕按下去之後要立刻有反應。按鈕變成「處理中…」並停用,避免重複送出。很多店家的重複訂單與客訴,就是因為按鈕沒有回饋,客人以為沒按到又按了三次。

AI 工具實戰:半天做完一次結帳流程健檢

下面這套流程不需要工程師,老闆或行銷自己就能跑完,大約半天。重點是先蒐集事實、再讓 AI 分析,不要一開始就叫 AI「幫我優化結帳頁」——沒有素材的情況下,它只會給你一堆你已經知道的常識。

第一步,用手機錄下自己的完整結帳過程。拿出手機,從商品頁開始,真的下一筆訂單(可以事後取消),全程錄影。錄的時候不要自己幫網站找藉口,遇到停頓、猶豫、要回頭確認的地方,就是問題點。錄完把每一個畫面截圖下來,並且把所有欄位抄成一份清單。

第二步,把清單丟給 ChatGPT 或 Claude 做欄位審查。這一步 AI 做得比人好,因為它不會捨不得。可以照抄這段 prompt,換成你的資料:

「我經營一個台灣的保養品電商,客單價約 1,200 元,八成訂單來自手機,主要取貨方式是超商取貨。以下是我目前結帳流程的所有欄位與步驟:[貼上你的清單]。請幫我做三件事:一、標出哪些欄位可以刪除、哪些可以合併、哪些應該預設收合,每一項說明理由與可能的風險。二、以 Baymard 建議的 12 到 14 個表單元素為目標,重新排出一份精簡後的欄位順序,並說明為什麼這樣排。三、指出這個流程中,消費者最可能在哪一步停下來猶豫,以及畫面上該補什麼資訊來化解。請用實務語氣,不要給我泛泛的最佳實踐清單。」

第三步,把截圖丟進去做畫面層級的檢查。現在的模型都能讀圖,把結帳每一步的手機截圖上傳,問它:「以第一次購買的消費者角度看這個畫面,你會有什麼疑問是畫面上沒有回答的?總金額、運費、到貨時間、退換貨、付款安全,哪一項找不到?」這一題的答案通常會抓到你自己看不見的盲點,因為你太熟悉自己的網站了。

第四步,用 AI 產出棄單信序列。棄單信是投報率最高的補救措施之一:業界棄單信開信率大約落在 40% 到 50%,一般的挽回率是 5% 到 8%,做得好的可以到 15% 到 20%。三封的節奏通常是 1 小時、24 小時、72 小時。第一封不要給折扣,只是提醒與排除疑慮;第三封才視毛利決定要不要給誘因。prompt 可以這樣下:

「幫我寫三封購物車棄單提醒信,對象是台灣消費者,商品是單價 1,200 元的臉部精華液。第一封在棄單後 1 小時寄出,只做提醒與排除疑慮,不給折扣,要提到超商取貨與七天鑑賞期;第二封 24 小時後,補上兩則真實用戶的使用心得情境與常見問題;第三封 72 小時後,可以給免運或小額折扣,並帶出效期。每封請給我三組主旨(15 字以內)、內文 150 字以內、一個明確的 CTA 按鈕文案。語氣自然,像店家在跟熟客講話,不要用『親愛的顧客您好』這種罐頭開場,也不要用驚嘆號堆疊。」

第五步,用 PageSpeed Insights 收尾。把購物車與結帳頁的網址各跑一次行動版測試,照它列出的建議處理圖片與 JavaScript。這一步 AI 幫不上太多忙,但它的報告本身就已經把問題排好序了。

誠實講限制:AI 看不到你的後台、金流設定與物流串接,也不知道你的客服每天在接什麼電話。它給的欄位刪減建議裡,一定會有幾項是你營運上真的需要的(例如某些商品必須留市話給貨運聯絡)。它也不知道台灣超取的材積限制、發票載具的實際格式。合理的分工是「AI 負責挑毛病與出初稿,人負責判斷哪些能砍」。把它當成一個很敢講話但不了解你產業的顧問,不要當成答案。

到貨時間與退換貨:兩個不用改程式的轉換率槓桿

棄單原因第二名是「到貨太慢」,佔 20%;第七名是「退換貨政策不滿意」,佔 13%。這兩項有一個共同點——很多時候消費者放棄的不是你的條件,而是你沒說清楚。

到貨時間要寫具體的日期,不要寫「三到五個工作天」。「今天 15:00 前下單,8/26(三)可到門市取貨」跟「約 3-5 個工作天出貨」給人的感受完全不同,前者可以拿來安排生活,後者只是一段免責聲明。這需要串物流資料嗎?不用,大多數店家的出貨節奏是固定的,用一段簡單的邏輯就能算出預估日期。

退換貨則要放在付款按鈕看得到的地方,而不是頁尾的「服務條款」裡。台灣有七天鑑賞期的法規保障,但很多消費者不確定你這家會不會刁難,所以「七天鑑賞期,不滿意由我們負擔退貨運費」這一行字的效果非常大——它把「買錯了怎麼辦」這個最後的風險移除了。

順帶一提,資策會的同一份調查裡,近 68% 的消費者期待電商提供 AI 比價功能,排在期待清單第一名。這代表台灣買家在下單前的比價行為只會更頻繁、更快。你沒辦法阻止他去比價,但你可以確保他比完回來的時候,結帳這一段不要再給他一個離開的理由。

常見錯誤:結帳頁最容易踩的七個坑

把前面拆解的東西整理成一份可以直接對照檢查的清單:

第一,運費最後一步才出現。這是六年蟬聯第一的棄單原因,把規則提前到商品頁,成本是零。

第二,強迫註冊才能結帳。18% 的人在這裡就走了,訪客結帳要跟登入放在同樣顯眼的位置。

第三,欄位貪心。二十幾個欄位換來的不是完整的客戶資料,而是更少的訂單。理想值是 12 到 14 個表單元素。

第四,超取門市選擇器會清空購物車。這在台灣站上極常見,而且必須用手機實測才會發現,電腦上多半正常。

第五,結帳頁沒有持續可見的訂單摘要。客人心裡一直在算錢,你把數字藏起來,他就會停下來確認。

第六,結帳頁掛滿追蹤碼與彈窗。轉換前最後一哩路不是拿來蒐集資料的,是拿來成交的。客服機器人在結帳頁彈出來擋住按鈕,是很實際的損失。

第七,錯誤訊息只顯示在頁面最上方。客人在手機上填到第八欄,送出後畫面跳回最上面顯示一行紅字,他要自己找是哪一欄錯。錯誤提示要就地顯示在該欄位旁邊,並且說明怎麼改,不要只寫「格式錯誤」。

從哪裡開始改?先看這三個數字

不用一次全部重做。打開你的分析工具,先看三個數字,就知道該從哪一段下手。

一、加入購物車率(商品頁到購物車)。如果低於 5%,問題在商品頁,不在結帳——先處理商品照、規格說明與評論,結帳優化的效益會被前面的漏水吃掉。

二、購物車到結帳的轉換。如果客人進了購物車卻不按結帳,九成是費用問題:運費太晚出現、總金額算不出來、或是看到運費之後覺得不划算。

三、結帳到完成訂單的轉換。如果掉在這一段,問題在欄位、付款方式或錯誤處理。這一段的健康值大約在 60% 以上,低於 30% 就是明確的警訊,通常代表某一步有硬傷(例如某個瀏覽器下按鈕沒反應、某個付款方式一直失敗)。

找到那一段之後,一次只改一件事,改完觀察兩週再動下一項。同時改五個地方的結果是:轉換率上升了,但你不知道是哪一項有效,下次就複製不了。這也是很多店家做了一堆優化卻累積不出經驗的原因。

最後提醒一件事:結帳流程的改善不是一次性專案。物流方案會變、金流會出新選項、消費者的付款習慣兩年就換一輪。把「自己下一次單」排進每季的固定行程,用真實的手機、真實的網路,走一次完整流程。這件事花你二十分鐘,但通常會抓到後台看不出來的問題。

如果你手上的購物車網站已經跑了一兩年,數據上看得出有人來、卻結不成單,歡迎找戀戀設計聊聊,我們可以直接用你的網站走一次完整結帳,指出是費用揭露、欄位、超取串接還是速度在漏訂單。