多規格商品只缺一款時,要在三個地方都讓人看出缺的只有那一款:列表頁的角標不寫整件完售,商品頁的選項列把缺的顏色或尺寸單獨標出來,購物車、結帳頁和社群貼文講的也是同一款。其他還能買的組合照常可選,顧客自己就能決定要不要換一個顏色。
舉例:一家賣有機棉大學 T 的小店,同一款有燕麥、霧灰、墨綠三色,S 到 XL 四個尺寸。店裡的限時活動開跑第二天,墨綠 M 先賣完了。店主在列表頁那張商品卡掛上完售角標,商品頁的 M 整排變灰,限時動態也發了一句「墨綠賣完囉,謝謝大家」。當天晚上,客服收到的訊息都在問同一件事:這件是不是賣完了?
顧客問賣完了嗎,他是在哪裡看到的?
把顧客的路倒回去看:他先在列表頁看到完售角標,點進商品頁又看到一整排灰掉的 M,最後在限動讀到賣完了。三個地方各講一點,拼起來就像整件下架。
這家店其實還有十一個顏色和尺寸的組合可以買。三個地方都拿講整件商品的說法,去講一個組合的缺貨,顧客當然會讀成全部沒了。要改,就從顧客最先看到的地方開始,一路改到他按下結帳。

列表頁的角標,留給整件真的賣完的時候
大學 T 店後來的做法是:只要還有任何一個組合能買,卡片上就不掛完售。這家店已有墨綠 M 售完,可以在卡片上寫「部分尺寸售完」,讓人知道點進去還有其他組合可挑。若只是庫存少、尚未售完,就不寫售完;想寫剩幾件時,數字要跟著庫存變。
墨綠 M 如果不會再補,也一樣。等到這件的最後一個組合賣完,再把完售掛上卡片。這樣顧客看到完售時,就可以相信它是真的整件沒了。
商品頁選項列:選了尺寸,缺的顏色當下就看得出來
Baymard Institute 在 2024 年 10 月發表的服飾電商使用測試整理裡,記錄了好幾位受測者遇到的狀況:他們先選好自己的尺寸,換顏色時才發現這個尺寸在某些顏色沒貨,只好一個顏色一個顏色點過去確認。他們的建議是,顧客選定尺寸後,把沒有這個尺寸的顏色清楚標出來或直接停用。同一份整理還觀察到,想要的顏色沒有自己的尺寸時,有人願意換一個顏色,卻很少有人會改穿大一號或小一號。Baymard 2021 年另一篇談尺寸選擇的文章也提到,尺寸做成一顆顆攤開的按鈕,比收在下拉選單裡更容易一眼看出哪幾個尺寸還有。
放到台灣的小店,各家商品頁版型不同,未必每家都能做到選了尺寸就自動停用顏色。做不到也沒關係,至少讓缺的那一格看起來和其他格不一樣,旁邊補一句話。大學 T 店把整排灰掉的 M 恢復成可選,只在墨綠 M 那一格畫斜線、寫售完,再加一行:墨綠 M 售完,燕麥和霧灰的 M 還有。既然要穿 M 的人不太會改穿 L,這一行就直接告訴他還能挑哪個顏色。
墨綠 M 會不會補,也要說清楚。Baymard 2017 年談缺貨商品的文章認為,只寫缺貨對顧客是一條死路,有人會轉去別家找;如果很快會補,可以讓人照樣下單、把出貨時間拉長,或在旁邊列出可替代的選擇。台灣店家若要讓人先下單,等於接了預購,付款後多久出貨要寫在選項旁;還說不出日期,就先寫補貨日確定後會更新在這一頁。

購物車、結帳頁和社群講的,跟商品頁一樣嗎?
要一樣。購物車和結帳頁要寫出顧客選的顏色和尺寸;限動、LINE 和客服回覆提到缺貨時,也要點名是哪一色哪一碼,再補一句還有哪些可以買。
大學 T 店那則限動改成:「墨綠 M 先賣完了,墨綠其他尺寸、燕麥和霧灰都還有。」客服的固定回覆也換成同一句,最後加上補貨日確定會更新在商品頁。購物車那一行原本只寫商品名,改成商品名後面接墨綠/L 這樣的顏色和尺寸,結帳前顧客能再對一次。同一檔活動的規則在官網、社群和 LINE 各寫一套時要先對哪幾句,可以看〈官網、社群、LINE 的活動規則講不一樣,先對哪四句?〉;顧客私訊來問時怎麼回得清楚,〈顧客問「能不能退/什麼時候到/跟影片一樣嗎」:電商客服怎麼回才清楚?〉有幾種回法可以參考。
大學 T 店改之前、改之後
| 顧客看到的地方 | 改之前 | 顧客讀成 | 改之後 |
|---|---|---|---|
| 列表頁商品卡 | 完售角標 | 整件賣完 | 不掛整件完售;已有組合售完才寫「部分尺寸售完」,只是庫存少時不寫售完 |
| 商品頁尺寸列 | M 整排變灰 | 所有顏色都沒有 M | 只有墨綠 M 畫斜線寫售完,旁邊一行:燕麥和霧灰的 M 還有 |
| 限時動態 | 墨綠賣完囉,謝謝大家 | 墨綠全部尺寸都沒了 | 墨綠 M 先賣完了,墨綠其他尺寸、燕麥和霧灰都還有 |
| 客服回覆 | 目前缺貨喔 | 不知道缺哪一款 | 點名墨綠 M,補上還有的顏色,補貨日確定會更新在商品頁 |
改之前把墨綠 M 的缺貨寫成整件完售、所有 M 都沒貨或墨綠所有尺寸售完,顧客讀到的範圍比實際缺的大。改之後字多了一點,但每一處講的都是同一個組合。
限時活動期間,熱銷尺寸先賣完的那幾天
活動期間缺一款,最怕顧客以為整件被撤出活動。大學 T 店在活動頁的這件商品旁邊,跟商品頁寫同一句:墨綠 M 售完,其他顏色和尺寸仍在活動價內。整件商品留在活動頁,不因為缺一個組合就拿下來。
剩下的組合也快沒了、想寫剩幾件時,數字要跟著庫存變,〈限時優惠的倒數和剩幾件,怎麼寫顧客才信得過?〉有寫到怎麼寫才對得上。
活動開跑前,可以先挑一件多規格商品,假設其中一個組合賣完,用手機從列表頁一路點到結帳頁,看每一處讀起來是不是只缺那一款。
參考資料
- Baymard Institute:Apparel E-commerce UX Research Launch(2024-10-30):https://baymard.com/research-articles/apparel-ecommerce-ux-research-launch
- Baymard Institute:Always Use “Buttons” for Size Selection (28% of Desktop Sites Don’t)(2021-02-09):https://baymard.com/research-articles/use-buttons-for-size-selection
- Baymard Institute:Let Users Purchase Temporarily ‘Out of Stock’ Products(2017-07-18):https://baymard.com/research-articles/handling-out-of-stock-products


