你花錢下廣告、花時間經營社群,好不容易把人帶到網站,對方也把商品丟進購物車了——結果,訂單沒有成立。這種「差一步」的痛,做電商網站的老闆幾乎每天都在經歷。
很多人以為問題出在「東西不夠便宜」或「流量不夠多」,於是繼續砸錢買廣告,但購物車卻越堆越多、成交越來越少。今天這篇就是要把這個問題拆開來看:顧客到底為什麼把商品丟進購物車卻不結帳,以及一個剛要開店、或正在重新設計電商網站的老闆,該從哪裡下手修正。
購物車不是問題,結帳頁才是關卡
先講一個數字:根據 Baymard Institute 彙整 2006 年到 2025 年間 50 份研究的結果,平均購物車棄單率高達 70.22%。也就是說,每 10 個把商品放進購物車的人,只有 3 個左右真的付了錢。
這不是台灣電商特有的現象,是全世界電商網站共同的痛。但棄單率高不代表沒救,因為研究同時把「棄單的原因」拆解得很清楚,而這些原因,多數是網站設計可以直接解決的。
顧客為什麼放棄結帳?研究數據攤開來看
Baymard 的研究把「純粹先逛逛、還沒有要買」的訪客排除後,統計出以下最常見的棄單理由:
- 運費或額外費用太高(40%):結帳前才發現要加運費、手續費,顧客覺得被騙。
- 到貨時間太慢(20%):沒寫清楚出貨天數,顧客不敢賭。
- 不信任網站的付款安全(19%):看起來不像正規購物網站,不敢刷卡。
- 被強制要求註冊會員(18%):只是想買一次,卻要建立帳號、設密碼。
- 結帳流程太長太複雜(17%):步驟太多,中途就放棄。
- 網站出錯或當機(17%):按下結帳沒反應,或跳出錯誤訊息。
- 退換貨規則不清楚(13%):不確定買錯能不能退。
- 看不到總金額(12%):要走到最後一步才知道總共要付多少。
- 付款方式太少(9%):沒有自己習慣用的付款工具。
把這張清單攤開來看會發現,前五名幾乎都跟「網站設計與資訊透明度」有關,跟商品本身好不好、便不便宜完全無關。換句話說,同樣的商品、同樣的價格,換一個設計清楚的結帳頁,成交率就可能不一樣。
速度也是設計的一部分:0.1秒的差距
很多人談「網站設計」只想到版面好不好看,但載入速度其實也是設計決策的結果——圖片有沒有壓縮、程式碼乾不乾淨、主機夠不夠力,都算在設計裡面。
根據《線上零售效能現狀報告》的實測數據,網頁載入時間每延遲 100 毫秒,轉換率就會下降 7%;如果延遲拉長到 2 秒,跳出率會直接增加 103%。更現實的是,行動裝置上網頁載入超過 3 秒,53% 的訪客會直接離開,連看都不看。
桌機的甜蜜點是 1.8 秒內完成載入,可以拿到約 12.8% 的最佳轉換率;手機則是 2.7 秒內,對應約 3.3% 的轉換率。這代表如果你的電商網站在手機上開啟要 5、6 秒,等於在顧客還沒看到商品之前,就已經先流失了一半以上的人。
國外的做法:把「不確定感」降到最低
國外電商圈這幾年討論結帳頁設計,核心邏輯都指向同一件事:把顧客心裡的不確定感降到最低。
Nielsen Norman Group 長期研究電商可用性,提出的建議包括:結帳前就要讓顧客看到運費試算,不要等到最後一步才公布;提供「訪客結帳」選項,不要強迫建立帳號;用進度條清楚標示「還剩幾步」,讓顧客知道自己離完成有多近。這些做法背後的邏輯很單純——人在不確定的時候會選擇放棄,而不是選擇冒險。
Smashing Magazine 與 CSS-Tricks 這類前端設計社群,近幾年也在推「單頁式結帳(One Page Checkout)」的做法:把填寫地址、選擇物流、選擇付款方式全部放在同一頁,用摺疊區塊呈現,減少頁面跳轉造成的等待與流失感。這跟傳統「填資料 → 選物流 → 選付款 → 確認」四頁式的結帳流程比起來,操作起來更順、更不容易半路放棄。
台灣的做法:習慣跟國外不一樣
不過台灣消費者的購物習慣跟歐美不完全一樣,直接照搬國外的做法未必適用。台灣消費者對「超商取貨付款」的依賴度非常高,很多人習慣不刷卡、到貨才付現金,這跟信用卡文化成熟的歐美市場邏輯不同。如果一個電商網站只支援線上刷卡、沒有超商取貨付款選項,等於直接篩掉一大群習慣「先拿到貨再付錢」的顧客。
這也是為什麼 SHOPLINE、91APP、Cyberbiz 這幾個台灣主流開店平台,都把超商物流、LINE Pay、街口支付這類在地金流物流整合當作基本配備,而不是加值選配——因為這是台灣市場的剛需,不是錦上添花。
三個平台的差異其實不在「有沒有購物車」,而在後台的彈性跟客製化空間:91APP 偏向零售品牌、會員經營功能完整,但深度客製化彈性較低;SHOPLINE 中小賣家覆蓋率高、上手快,但深度客製一樣受限於平台框架;Cyberbiz 走輕量彈性路線,適合快速上架。如果你的商業模式需要「跟品牌官網風格完全一致的購物體驗」,用平台工具做到一半就會撞牆,這時候用 WordPress 搭配電商外掛、量身打造結帳流程,反而更能兼顧品牌調性跟在地金流習慣。
結帳頁該怎麼設計?實際檢查清單
不管你是自己請人做網站,還是用開店平台,結帳頁至少要檢查以下幾件事:
- 運費在加入購物車階段就顯示,不要等到最後一步才出現。
- 提供訪客結帳,會員註冊放在「結完帳之後」再邀請,不要卡在前面。
- 結帳步驟壓在 3 步以內,資料填寫、物流選擇、付款方式盡量整合在同一畫面。
- 總金額全程可見,包含商品金額、運費、折扣,隨時算給顧客看。
- 至少提供 2 種以上付款方式,信用卡、LINE Pay、超商付款盡量都要有。
- 清楚標示出貨與到貨時間,例如「今日 15:00 前付款,明日出貨」。
- 結帳頁要有安全標章與退換貨說明連結,降低信任疑慮。
這份清單看起來簡單,但真正做電商網站的時候,很多老闆會被平台預設的範本綁住,或是為了「多蒐集顧客資料」硬是把註冊流程塞在結帳前面——這兩個習慣,都是在親手把訂單推走。
建議至少每一季重新走一次這份檢查清單,不是做完就結束。理由很簡單:開店平台會更新後台功能、物流商會調整合作條件、顧客的付款習慣也會隨著新支付工具出現而改變。半年前很好用的結帳流程,半年後可能因為少了一種新興的行動支付選項,就悄悄流失一批年輕客群。把檢查結帳頁這件事,當成跟盤點庫存一樣的例行工作,而不是網站上線那天做完就忘記的一次性專案。
AI 工具實戰:用 AI 幫你健檢結帳流程
結帳頁的問題不一定要靠工程師才能發現,你可以用現成的 AI 工具先做第一輪健檢,再決定要不要找人調整。這裡示範兩個實用場景。
場景一:用 ChatGPT 或 Claude 檢查結帳文案是否製造不確定感。把你網站結帳頁上的文字全部複製貼給 AI,下這樣的指令:
「我是台灣電商網站經營者,以下是我結帳頁上的所有文字,請你用 Baymard Institute 提出的棄單九大原因(運費不透明、強制註冊、流程過長、退換貨不清楚等)逐一檢查,指出哪些文字或流程設計可能讓顧客產生不信任或不確定感,並給我修改後的版本。」
AI 通常能很快抓出「運費另計」「請先註冊會員」這類容易讓人卻步的字眼,並給出更直接、更安心的替代寫法,例如把「運費另計「改成「滿 999 免運,未滿加收 80 元運費」,把不確定感變成具體數字。
場景二:用 PageSpeed Insights 抓出載入速度瓶頸,再讓 AI 幫你翻譯成行動方案。先到 Google PageSpeed Insights 輸入你的網站網址,把跑出來的建議報告(通常是英文專業術語)整段複製,貼給 ChatGPT 或 Claude,下指令:
「以下是我電商網站的 PageSpeed 效能報告,請用電商網站經營者聽得懂的白話文,告訴我前三個最該優先處理的問題,以及每一項大概要花多少成本或找什麼類型的工程師處理。」
這樣可以避免自己對著一堆「LCP」「CLS」「Render-blocking resources」這些術語一頭霧水,AI 會幫你翻譯成「首頁的第一張圖片檔案太大,建議壓縮到 200KB 以下」這種具體可執行的建議。
不過要老實說,AI 給的建議終究是「診斷」跟「方向」,真正動到網站程式碼、串接金物流系統、確保個資與金流安全,還是需要有經驗的工程師執行。尤其牽涉到金流串接、會員資料庫這類機密程度高的區塊,絕對不建議只靠 AI 生成的程式碼直接上線,一定要有人做過安全檢查。
另外提醒一點:把結帳頁文案貼給 AI 工具檢查沒問題,但顧客的真實訂單資料、信用卡末幾碼、會員個資這類敏感資訊,千萬不要為了「請 AI 幫忙分析」而貼上任何公開的 AI 對話工具。分析用的是「頁面上的文字」,不是「後台的顧客資料」,這條界線一定要守住,否則等於自己把個資往外送。
常見錯誤:這些設計正在悄悄趕走顧客
整理幾個中小企業電商網站最常犯,卻又最容易忽略的錯誤:
- 把促銷倒數計時器放在每一頁,一開始有效,用久了顧客會直接無視,甚至覺得是話術。
- 結帳按鈕顏色跟背景太接近,手機上很容易讓人找不到「下一步」在哪裡。
- 圖片解析度堆太高卻沒壓縮,以為畫質好看,結果拖垮整體載入速度。
- 物流選項寫「依實際狀況調整」,聽起來像在防呆,其實是在製造不確定感。
- 結帳失敗沒有清楚錯誤訊息,顧客不知道是卡片問題還是系統問題,乾脆放棄。
這些錯誤單獨看都不嚴重,佅墸加在一起,就是那 70% 棄單率的真實成因。與其持續加大廣告預算,不如先把結帳這最後一哩路的地雷排除,同樣的流量,成交數字就會不一樣。
從購物車到訂單,少一步都不能少
做電商網站設計,很多老闆的注意力都放在首頁夠不夠好看、商品照拍得夠不夠精美,但真正決定「賺不賺得到錢」的關卡,往往是最後那個不起眼的結帳頁。運費透明、流程精簡、付款方式貼近在地習慣、載入速度夠快——這四件事做到位,棄單率就能實際往下降。
如果你正在規劃新的電商網站,或是懷疑現有網站的結帳流程正在流失訂單,歡迎跟戀戀設計聊聊,讓我們一起把購物車裡的商品,真正變成進帳的訂單。