官網『加購推薦區塊』(Cross-Sell / Upsell) 設計完整攻略：中小企業如何用一塊「你可能也需要」的區域，把客單價再往上拉一點
中小企業官網做加購推薦，最怕的不是沒工具，而是位置放錯、推的商品挑錯，讓客人變得更難決定。這篇拆解 Cross-Sell 與 Upsell 的差異、四個黃金位置、四種挑選邏輯與五個常見地雷。
你有沒有算過，官網上每 100 位下單的客人，有多少人是「只買一件就結帳」？如果答案是 8 成以上，那你的官網其實是在幫客人「一次只挑一樣」，而不是「順便再帶一個」。
對中小企業來說，拉新客越來越貴、廣告 ROI 越來越難看，真正還藏在網站裡的成長機會，其實是——把已經願意付錢的客人，客單價再往上拉一點點。這件事在電商世界叫做 Cross-Sell（交叉銷售）和 Upsell（向上銷售），實作起來就是官網某個位置那塊「你可能也會喜歡」「常一起購買」「升級方案」的區塊。
這篇來拆解：這塊看起來很不起眼的區塊，怎麼設計才會真的讓客人多加一個到購物車，而不是變成「亂七八糟的推薦讓人更難決定」。
先搞懂：Cross-Sell 和 Upsell 差在哪
兩個詞常被混用，但實務上完全兩回事：
Cross-Sell（交叉銷售）是「你買了 A，我推薦你可以順便加 B」。B 通常是 A 的配件、耗材、周邊——買相機推記憶卡、買咖啡機推咖啡豆、買西裝推襯衫。目的是把單筆訂單的商品數量拉高。
Upsell（向上銷售）是「與其買 A，我推薦你直上 A+ 版本」。A+ 通常是更貴、更好、規格更高的同類商品——本來要買 500 克裝的推 1 公斤裝、本來看基本款推旗艦款、本來訂一年方案推三年方案。目的是把單一商品的客單價拉高。
大部分中小企業的官網犯的第一個錯，就是把兩個東西放在一起亂推。客人在看 A 商品，你旁邊擺 8 個 B、C、D、E 商品，看起來很豐富，實際上是讓客人陷入選擇障礙、乾脆什麼都不加。
放在哪最有效？四個黃金位置
不是每個頁面都適合推加購，也不是同一個位置適合所有商品類型。實務上有四個位置轉換率最漂亮：
1. 商品詳細頁（PDP）下方
這個位置適合放「常一起購買」——例如買 A 相機，下面放記憶卡、電池、鏡頭清潔布。邏輯要基於實際訂單數據，不是憑感覺猜。Amazon 那個「Frequently Bought Together」就是這個位置的教科書級案例，多年來被視為推薦區塊的黃金範本。中小企業就算沒 Amazon 那麼大的資料量，也可以先手動配 3-4 組最常搭的組合。
2. 購物車頁面（Cart Page）
客人已經點了「加入購物車」，代表他已經有付錢的意願。此時最適合推「小金額補位商品」——例如購物車金額 850，離免運還差 150，就推兩個 150 元以內的加購品。加購邏輯要跟免運進度條綁在一起，客人才會覺得「反正都差不多要付運費了，加一個剛剛好」。
3. 結帳頁面（Checkout Page）
這裡要非常克制。客人已經在填卡號了，你這時候丟一堆推薦商品，只會讓他分心、猶豫、甚至跳走。結帳頁的加購只推「延伸保固、禮盒包裝、加購小樣」這種決策成本極低的東西，一鍵勾選、不用重新選規格，這才有意義。
4. 訂單完成頁 / 感謝頁（Thank You Page）
很多中小企業完全忽略這一頁，其實它是複購率的第一個接觸點。客人剛付完錢、心情最好、對品牌信任度最高的一刻，這時候推下一次會用得到的補貨、訂閱制方案、會員專屬優惠碼，轉換率會比冷推廣告信高很多倍。
Photo by Ayush Kumar on Unsplash
推薦商品要怎麼挑？四種邏輯挑一個
推薦區塊最怕的就是「隨機出商品」。中小企業沒 AI 沒演算法，其實反而應該用最單純但最準的邏輯：
邏輯一：手動配對「必然搭配」的組合
最適合品項少、SKU 明確的品牌。例如咖啡豆一定配濾紙、面霜一定配化妝棉、瑜珈墊一定配捲收帶。老闆自己知道客人會怎麼用，就直接手動配 3-5 組進去，準度反而比演算法高。
邏輯二：同類但不同規格的向上推
賣手工皂的可以推「三入組 88 折」、賣課程的可以推「年繳方案省 2400」。價格差異最好控制在原商品的 30-50%，超過這個範圍客人心理會覺得「這是要我加太多錢」，直接跳過。
邏輯三：以訂單資料回推「一起買過的商品」
如果有累積至少三個月的訂單資料，可以跑一個簡單的統計：買 A 商品的客人，還買了什麼？出現頻率前 3 名就是最好的 Cross-Sell 候選。這件事不需要買什麼 AI 工具，用 Excel 或 Google Sheet 樞紐分析就做得出來。
邏輯四：以「客人瀏覽紀錄」推薦
需要一點技術（多半是 Google Analytics 事件或 Shopify / WooCommerce 內建）。這個邏輯適合 SKU 較多的網站，客人看過 A、B、C 三頁但只買 A，那結帳完的感謝頁就推 B 和 C，命中率很高。
設計上的五個地雷，踩到就白做
地雷一：推薦太多，超過 4 個。經驗上加購推薦以 3-4 個為最佳，超過反而讓決策變難、加購率反而下降。
地雷二：推的商品比原商品貴太多。客人只想買 300 元的商品，你旁邊推 2000 元的加購，這不叫加購，這叫「勸退」。加購商品價格控制在原商品的 20-50%。
地雷三：推薦區塊做得比商品本體還大、還花俏。會搶走客人對主要商品的注意力，反而讓「原本要買的都不買了」。加購區的視覺重量要明顯比主商品輕。
地雷四：加購還要跳新頁面重新選規格。加購的重點是「一鍵加入」，如果客人還要點進去選顏色、選尺寸，那 8 成的人會直接放棄。加購商品最好是只有一種規格的固定 SKU。
地雷五：所有頁面推一樣的商品。系統偷懶就會這樣做，但客人看三次同樣的推薦就會產生「你們就這幾個商品是不是」的印象。至少商品頁、購物車、感謝頁要用不同邏輯給不同商品。
中小企業怎麼實作？三條路的取捨
路線一：WordPress + WooCommerce
最省成本的做法。WooCommerce 內建有「相關商品」「向上銷售」「交叉銷售」三個欄位，商品後台直接手動綁定。若要更進階可以裝 Product Recommendations 或 Cart Upsell for WooCommerce 這類外掛，年費約在 100 美元以內，適合起步階段。
路線二：Shopify
內建的推薦功能已經不錯，App Store 上還有 ReConvert、Bold Upsell、Frequently Bought Together 等專門外掛，月費從 10-50 美元不等。設定簡單、成效可以透過 Shopify 後台直接看到，適合已經有一定訂單量的品牌。
路線三：全客製化網站
如果是自己開發的 Node.js / Nuxt / Laravel 站，就要自己設計推薦邏輯的資料表——通常是一張 product_recommendations 表，記錄 source_product_id、related_product_id、type（cross/up）、priority。前端呼叫 API 帶入當前商品 ID，回傳最多 4 筆推薦。這條路彈性最大，但要另外做後台管理介面讓行銷團隊能自己編輯，不然每次改都要工程師改資料庫，會變成瓶頸。
成效要盯哪些數字？三個指標就夠
做了加購區塊，不能只看「營業額有沒有變」，這太模糊。三個關鍵指標建議直接掛在後台儀表板上：
1. AOV（Average Order Value / 平均客單價）
最直接的指標。加購區塊上線前後三十天比一比，客單價有沒有拉高 8-15%。如果沒有，回頭檢查是不是推薦邏輯或位置有問題。
2. Attach Rate（加購率）
點擊「加入購物車」的訂單中，有多少比例最終加購了推薦商品。健康的數字大約落在 10-25% 之間，低於 5% 就代表推薦準度或位置該調整。
3. UPT（Units Per Transaction / 每筆訂單商品數）
從 1.0 拉到 1.3 就是很漂亮的成果。這個指標比 AOV 更能反映加購策略是不是真的有讓客人「多帶一個走」。
結語：先從一個位置開始就好
很多中小企業一想到加購推薦，就覺得要導入 AI、要串大數據、要花錢請顧問。其實不用。先從「商品詳細頁下方 + 手動配 3-5 組必然搭配」開始，跑一個月看數據，客單價如果拉高就繼續往購物車頁和感謝頁擴散；如果沒動，就回來調配對邏輯。
官網不是把商品放上去就會賣，而是要一步一步引導客人「多看一眼、多加一個、下一次再來」。加購推薦區塊，就是引導的第一站。願意花一個下午把 20 個熱銷商品的「常一起購買」配一配，可能就抵得上多投兩萬廣告的效果。
需要協助評估貴公司的官網加購策略，或想把 Cross-Sell / Upsell 機制導入現有網站？歡迎聯絡奧隆（ORON）——我們專門幫中小企業把官網從「有」升級成「會賣」。