黏土風女孩拿著手機看商品卡上的完售角標,身旁放著燕麥、霧灰、墨綠三色大學 T,上方寫著只缺一個顏色或尺寸,顧客卻以為整件賣完?
開店必學

只缺一個顏色或尺寸,顧客卻以為整件賣完?多規格商品缺貨這樣標

多規格商品只缺一款時,要在三個地方都讓人看出缺的只有那一款:列表頁的角標不寫整件完售,商品頁的選項列把缺的顏色或尺寸單獨標出來,購物車、結帳頁和社群貼文講的也是同一款。其他還能買的組合照常可選,顧客自己就能決定要不要換一個顏色。

舉例:一家賣有機棉大學 T 的小店,同一款有燕麥、霧灰、墨綠三色,S 到 XL 四個尺寸。店裡的限時活動開跑第二天,墨綠 M 先賣完了。店主在列表頁那張商品卡掛上完售角標,商品頁的 M 整排變灰,限時動態也發了一句「墨綠賣完囉,謝謝大家」。當天晚上,客服收到的訊息都在問同一件事:這件是不是賣完了?

顧客問賣完了嗎,他是在哪裡看到的?

把顧客的路倒回去看:他先在列表頁看到完售角標,點進商品頁又看到一整排灰掉的 M,最後在限動讀到賣完了。三個地方各講一點,拼起來就像整件下架。

這家店其實還有十一個顏色和尺寸的組合可以買。三個地方都拿講整件商品的說法,去講一個組合的缺貨,顧客當然會讀成全部沒了。要改,就從顧客最先看到的地方開始,一路改到他按下結帳。

舉例:顧客從列表頁的完售角標、商品頁整排變灰的 M,到限時動態的墨綠賣完囉,最後問這件是不是賣完了
點圖可放大閱讀完整內容

列表頁的角標,留給整件真的賣完的時候

大學 T 店後來的做法是:只要還有任何一個組合能買,卡片上就不掛完售。這家店已有墨綠 M 售完,可以在卡片上寫「部分尺寸售完」,讓人知道點進去還有其他組合可挑。若只是庫存少、尚未售完,就不寫售完;想寫剩幾件時,數字要跟著庫存變。

墨綠 M 如果不會再補,也一樣。等到這件的最後一個組合賣完,再把完售掛上卡片。這樣顧客看到完售時,就可以相信它是真的整件沒了。

商品頁選項列:選了尺寸,缺的顏色當下就看得出來

Baymard Institute 在 2024 年 10 月發表的服飾電商使用測試整理裡,記錄了好幾位受測者遇到的狀況:他們先選好自己的尺寸,換顏色時才發現這個尺寸在某些顏色沒貨,只好一個顏色一個顏色點過去確認。他們的建議是,顧客選定尺寸後,把沒有這個尺寸的顏色清楚標出來或直接停用。同一份整理還觀察到,想要的顏色沒有自己的尺寸時,有人願意換一個顏色,卻很少有人會改穿大一號或小一號。Baymard 2021 年另一篇談尺寸選擇的文章也提到,尺寸做成一顆顆攤開的按鈕,比收在下拉選單裡更容易一眼看出哪幾個尺寸還有。

放到台灣的小店,各家商品頁版型不同,未必每家都能做到選了尺寸就自動停用顏色。做不到也沒關係,至少讓缺的那一格看起來和其他格不一樣,旁邊補一句話。大學 T 店把整排灰掉的 M 恢復成可選,只在墨綠 M 那一格畫斜線、寫售完,再加一行:墨綠 M 售完,燕麥和霧灰的 M 還有。既然要穿 M 的人不太會改穿 L,這一行就直接告訴他還能挑哪個顏色。

墨綠 M 會不會補,也要說清楚。Baymard 2017 年談缺貨商品的文章認為,只寫缺貨對顧客是一條死路,有人會轉去別家找;如果很快會補,可以讓人照樣下單、把出貨時間拉長,或在旁邊列出可替代的選擇。台灣店家若要讓人先下單,等於接了預購,付款後多久出貨要寫在選項旁;還說不出日期,就先寫補貨日確定後會更新在這一頁。

舉例:大學 T 商品頁尺寸列改之前 M 整排變灰,改之後只在墨綠 M 標售完,並註明燕麥和霧灰的 M 還有
點圖可放大閱讀完整對照

購物車、結帳頁和社群講的,跟商品頁一樣嗎?

要一樣。購物車和結帳頁要寫出顧客選的顏色和尺寸;限動、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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。