官網『願望清單』(Wishlist) 設計完整攻略：中小企業如何用一顆愛心圖示接住「還沒想好但想再看」的客戶

你有沒有觀察過一個現象：客戶點進商品頁、滑一下、關掉，然後就消失了。他不是不喜歡，他只是「還沒想好」。可能在等發薪日、可能還想再比較、也可能就是隨手看看。這種訪客佔的比例其實非常高——根據 Baymard Institute 的研究，超過七成的線上購物車最終被放棄，而在還沒到購物車之前流失的訪客更多。

問題來了：你要怎麼在他關掉分頁之前，留一個「以後可以回來看」的鉤子？答案就是這篇要講的——「願望清單」(Wishlist)。這不是什麼新東西，Amazon、蝦皮、Momo 都有，但很多中小企業的官網卻沒做，或做得像個裝飾品。今天就把這個小小的愛心圖示拆開來講清楚。

Photo by H&CO on Unsplash

為什麼願望清單值得做？

先講一個直覺的問題：既然客戶想買，為什麼不直接讓他加入購物車？購物車代表「我要結帳」，是一個承諾動作，心理門檻高。願望清單則是「我先收著，改天再說」，門檻極低。這中間的差別非常關鍵——你等於是給客戶一個「不必立刻決定」的緩衝區，讓他不用逃離，就能留下來。

更實際的是後續行銷的空間。當客戶把某個商品加進願望清單，你就掌握了兩個很重要的訊號：他對這個東西有興趣、他還沒下手。這代表你可以在對的時機（例如降價、快缺貨、有優惠碼），用 email 或 LINE 主動推一下，讓他回來完成交易。這種「有明確意圖」的名單，轉換率遠比一般廣告名單高。

放在哪裡？愛心該長怎樣？

最常見的位置有三個：商品列表卡片右上角、商品詳情頁「加入購物車」按鈕旁邊、以及商品圖片左上或右下的浮動小圖示。三個都放沒關係，重點是每個地方都要一眼看得到。

圖示本身最好用愛心（♡ / ♥）或書籤（🔖），這兩個是全球通用的視覺語言，不需要文字說明就懂。點下去之後要有明確回饋——愛心從空心變成填滿、顏色從灰變紅，最好再配一個小小的動畫（例如短暫放大再回彈）。這個動作雖然只有 0.3 秒，但對使用者來說是「我做了一件事，系統有接住」的重要訊號。

另外一個容易被忽略的細節：如果用戶還沒登入就點了愛心，怎麼辦？兩種做法。第一種是「先加了再說」，用瀏覽器的 localStorage 暫存，等他之後註冊登入再合併進帳號。第二種是點下去彈出登入框，強制他先註冊。前者體驗好、後者能抓名單，看你優先什麼。中小企業建議前者，先讓功能能用、體驗順，之後有動力才會回來。

Photo by Jess Bailey on Unsplash

願望清單頁面要有什麼？

一個好的願望清單頁面，不是只把商品列出來就結束。它要能讓客戶輕鬆完成三件事：回頭再看、直接下單、快速移除。

每一個商品項至少要顯示：商品圖、名稱、目前價格、加入清單時的價格（讓客戶看到有沒有降價）、庫存狀態、「加入購物車」按鈕、以及一個明確的「移除」按鈕。加入清單時的價格是一個常被忽略但很有用的細節——當客戶看到「我兩週前收藏時 1,290，現在 990」，會直接觸發購買動機，比你發任何折價通知都有效。

如果商品缺貨了，不要只是灰掉，要讓他能訂閱「補貨通知」。缺貨其實是一個很好的名單收集點，因為對方明確想要，只差你有沒有貨。

後續行銷：怎麼把清單變成訂單？

願望清單真正的價值不在「收藏」本身，在後面的行銷觸發。以下幾個場景值得預先設計自動化：商品降價超過 10%，寄一封通知；商品即將售完（庫存低於某個門檻），寄一封「快沒了」提醒；願望清單裡的商品放超過 14 天沒動作，寄一封專屬折扣碼；購物車放棄後隔天，把購物車與願望清單合併提醒。

這些觸發都不用即時、也不用複雜的 AI，一般的 email 行銷平台（Mailchimp、SendGrid、Klaviyo）或 LINE 官方帳號的分眾推播都做得到。重點是你有沒有把「使用者行為」和「發送規則」串起來。

Photo by atelierbyvineeth on Unsplash

幾個常見的錯誤別踩

第一個常見錯誤是「愛心點下去毫無反應」。工程師沒做視覺回饋，客戶不確定有沒有加進去，就會再點一次、再點一次，最後懷疑功能壞了。務必要有立即的視覺確認。

第二個是「必須先註冊才能收藏」。這個門檻會直接把七成的客戶擋在外面。除非你是奢侈品或會員制服務，否則建議先讓遊客也能加，之後再引導註冊。

第三個是「願望清單頁面藏得很深」。很多網站把入口放在會員中心的三層選單裡，客戶回到官網根本找不到自己收藏了什麼。正確做法是在網站右上角的常駐選單，跟「購物車」放在一起，用愛心圖示標示，並顯示數量徽章。

第四個是「加了就沒下文」。既然你有名單、有商品、有客戶的興趣訊號，卻不做任何後續觸發，那這個功能就白裝了。至少要設一個「降價自動通知」，這是投報率最高、最不打擾的一種。

技術上怎麼實作？

如果你用 WordPress + WooCommerce，市面上有現成的外掛（例如 TI WooCommerce Wishlist、YITH WooCommerce Wishlist），基本功能都齊全，安裝設定約半天到一天就能上線。如果是客製化系統，資料結構其實很簡單：一張 wishlist 表，欄位包含 user_id（或 anonymous_token）、product_id、added_at、added_price 就夠了。前端一顆愛心按鈕，後端一個 toggle API，就是完整的 MVP。

比較需要工程時間的是後續行銷的自動化流程——那部分建議跟 email 平台的 webhook 或內部排程搭配，讓行銷同事能自行設定觸發條件，不要每次改規則都得找工程師。

結語：一顆愛心，換一次回訪

願望清單看起來只是一個小小的功能，但它做的事其實很關鍵：幫你把「還沒準備好買」的訪客留住，並且讓你有正當理由在對的時機主動聯繫他。它不需要花大錢、也不需要很複雜的技術，但很多中小企業官網完全沒做，等於把一大票有意願的潛在客戶白白放走。

如果你的官網目前連基本的收藏功能都沒有，這是一個投報率很高、可以優先排上開發清單的項目。從一顆愛心圖示開始，你會發現訪客的行為變得可追蹤、回訪率悄悄上升，然後某一天業績報表上會出現一行「來源：願望清單降價通知」——那時你就知道，這顆愛心值回票價了。