ORON
回科技觀點
網站製作10 分鐘閱讀

官網『缺貨通知』(Back in Stock Notification) 設計完整攻略:中小企業如何用一顆「補貨通知我」按鈕,把「缺貨的失望」變成「回補秒殺的名單」

熱門商品缺貨時訪客默默走了,你根本不知道他要什麼。一顆「補貨通知我」按鈕能把最想買的客戶留下來,變成回補當下的秒殺名單,也是最誠實的採購決策依據。

官網『缺貨通知』(Back in Stock Notification) 設計完整攻略:中小企業如何用一顆「補貨通知我」按鈕,把「缺貨的失望」變成「回補秒殺的名單」

老闆你有沒有過這種經驗:官網上熱門的那個品項寫著「缺貨中」,客戶點進去,看了幾秒,什麼話都沒留就把分頁關掉走了。你完全不知道剛剛有誰想買、想買幾個、什麼時候想拿。等到補貨進來,客戶早就跑去別家買了,甚至根本忘記自己曾經想要。

這是中小企業電商最常見、也最貴的一種「無聲的流失」。缺貨不是你的錯,供應鏈難免有斷貨;但缺貨當下沒有把想買的人接住,這件事完全是官網設計可以解決的。今天要聊的就是那顆看起來很小、其實是免費名單機器的按鈕:「補貨通知我」(Back in Stock Notification)。

貨架空空的門市,象徵官網缺貨時流失的訂單

Photo by Boris Dunand on Unsplash

一、缺貨頁面不該只是一個「已售完」的墓碑

大部分中小企業的電商網站,商品缺貨時的處理方式很粗暴:把「加入購物車」按鈕變灰、旁邊寫「已售完」或「缺貨中」,就沒了。訪客看到的是一個死胡同,接下來只有兩個選擇——關掉分頁、或去 Google 找別家。

換個角度想:一個願意點進商品頁、還把畫面滑到「加入購物車」按鈕的訪客,他的購買意願是全站最高的一群人之一。他不是在瀏覽,他是已經決定要買。缺貨這件事只是把他的購買動作往後延,不是取消。你在這個瞬間做的事,決定他要不要繼續跟你的品牌有關係。

正確的做法是:把「加入購物車」按鈕替換成一顆同樣醒目的「補貨通知我」按鈕,點下去彈出一個極簡的表單,收下 email 或手機,補貨時第一時間通知他回來下單。這一顆按鈕,就是把「潛在訂單」暫存下來的容器。

二、按鈕該長什麼樣、放哪裡

設計上有三個原則:位置不變、顏色不變、動線不變

位置不變是指——它必須放在原本「加入購物車」按鈕的相同位置,而不是縮到頁面下方或塞進商品描述裡。客戶的視線會直接落在那裡,如果你把它藏起來,他根本不知道還可以留下聯絡方式。

顏色不變是指——不要因為缺貨就把它變灰、變成一顆「不能點的死按鈕」。這是很多中小企業的錯誤直覺:以為缺貨要用消極的視覺告訴使用者。事實上,這顆按鈕比原本的購買按鈕更重要,因為它現在承擔的是「不流失名單」的任務。用你品牌的主色,做成一顆看得出來「可以點」的按鈕,配上明確的文案:「補貨通知我」、「有貨立刻告訴我」、「別忘了通知我」,都比冷冷的「售完」有力氣得多。

動線不變是指——點下按鈕之後不要跳到新分頁、不要跳到會員登入。中小企業最常犯的錯就是要求「先登入才能設定通知」,這個門檻會直接讓 80% 的意願消失。用一個極簡的 Modal 彈窗,欄位只放一個 email(或手機),一個送出按鈕,這樣就好。

手機通知訊息示意,代表補貨提醒即時抵達客戶

Photo by Jamie Street on Unsplash

三、只要 email 就好?還是也收手機、LINE?

這是實務上很值得討論的一件事。理論上收越多聯絡方式,補貨當下觸達率越高;但欄位一多,願意填的人就少。所以怎麼取捨?我們的實務建議是:只設一個必填欄位,其他選填。

如果你的客群是 30 歲以下、以手機下單為主的品類(美妝、服飾、球鞋、3C 配件),主推手機或 LINE 通知,email 選填;如果你的客群是 B2B、專業採購、或客單價偏高的商品(傢俱、機械零件、耗材),email 是主力,手機選填。台灣中小企業還有一個很在地的解法:把 LINE 官方帳號綁進去。用「補貨通知請加 LINE」的方式,客戶點按鈕就跳到 LINE Add Friend,這樣不但可以推補貨通知,之後所有的促銷、活動、新品都能一起發,投報率會比 email 高很多。

提醒一件事:無論收什麼,都要在按鈕下方或表單裡明確寫清楚「這組資料只會用來通知你這一個商品到貨,不會拿去發垃圾廣告」。這一句話會讓填寫率明顯上升,也是個資法(PDPA)要求的告知義務。

四、補貨當下的通知邏輯:不是全部一起發

很多老闆以為,設一顆按鈕、補貨當下把所有等候名單一次寄出通知就完事了。錯,這樣做的下場通常是——手快的三個人把庫存搶完,剩下 100 個收到通知的人點進來又看到「售完」,第二次失望比第一次還糟糕。

正確的做法是分批發送、公平排隊

先進先出(FIFO):早登記的人優先通知;同一批補貨若庫存有限,可以分成 2–3 批間隔 15–30 分鐘寄,讓每批人都有合理機會搶到,也避免伺服器瞬間被灌爆。
通知只發一次:不要因為對方沒點開就一直催,這會變成騷擾;若真的希望回收沒點擊的名單,可以在 48 小時後補一封「還在等的話這是最後提醒」,就停。
補貨連結要帶「加入購物車」動作:不是只丟商品連結,而是點進去自動把商品加入購物車、跳到結帳頁,降低摩擦。
留一段緩衝時間再開放給全站:例如訂閱通知的名單先鎖 24 小時,24 小時後才對全站訪客顯示「有庫存」,讓有登記的人真的感受到「排隊有意義」。

五、這份名單的第二個價值:它幫你做採購決策

「補貨通知我」按鈕收下來的資料,不只是拿來發通知信而已。它其實是你手上最誠實的需求預測工具。有多少人願意主動留下聯絡方式,代表這個 SKU 的真實需求強度——這個數字比看銷售紀錄、比看 GA 的商品頁瀏覽都準,因為留下來的人是「連買都想買」的一群。

手機下單畫面,象徵補貨通知後的順暢購買流程

Photo by CardMapr.nl on Unsplash

實務上你可以把後台的等候人數做成一份週報,交給採購或業務參考:等候超過 30 人的 SKU 直接提高安全庫存、超過 100 人的 SKU 甚至可以主動聯繫供應商加急補貨。過去中小企業採購常常憑感覺、憑上一季的銷售慣性下單,現在多了一個從真實訪客行為推出來的需求訊號,就能少壓一些不會賣的存貨、多備一些真正搶手的品項。

更進階一點的用法是:把等候名單依「登記時距離補貨的時間」分群——三天內就補上的,命中率通常 40% 以上;等超過兩週的,命中率會掉到 15% 以下。這代表你其實可以反推出一個結論:缺貨時間每多一週,你就在燒掉多少張現成訂單。這是一個非常有殺傷力的採購管理指標,能幫你跟供應商談交期時多一個籌碼。

六、幾個中小企業最容易踩的坑

把「補貨通知」做成需要註冊會員:門檻太高,直接砍掉 80% 意願。單一 email 欄位、匿名可留就好。

忘記把資料回填到 EDM/LINE 名單:這批人是全站最高意願的訪客,很多老闆只把資料留在庫存後台,沒有進 CRM,等於漏掉一個絕佳的再行銷資產。

補貨通知寫得太冷淡:「XX 商品已補貨」這種標題點擊率很差。加一點情緒和急迫感——「你等的 OO 回來了,這批只有 30 個」——點擊率會差 2 到 3 倍。

補貨當下把庫存全開給訪客搶,反而讓等候名單的人一無所獲:等於背叛了他們對你的信任,下次不會再登記。

沒有設「不再通知我」的退訂連結:一旦被投訴當廣告信,域名信譽掉下去,之後正常訂單通知都會掉進垃圾信匣。

結語:一顆按鈕,一份最誠實的需求名單

「補貨通知我」按鈕的成本非常低——通常一個工程師 1–2 天就能上線;但它同時解決了三件事:接住流失的訂單、擴大自己的名單、幫採購看清楚真實需求。對一家中小企業電商來說,這是投報比最高的一個功能之一,遠比再多買一波廣告來得便宜。

如果你現在的官網缺貨頁面還只是把按鈕變灰、寫著「已售完」,這篇看完之後最值得做的第一件事,就是打開後台,把它換成一顆會收 email、會發通知、會回饋採購的按鈕。缺貨不會消失,但缺貨造成的浪費,可以靠一個小設計降到很低。

想把這些做到你的網站上?

不論是快速上線的模板建站、客製官網或後台系統,留個訊息,我們會回你「能做+報價+時程」。

加 LINE 詢問