編輯導(dǎo)語：產(chǎn)品“加購”功能的目的，一般有兩種——提高當(dāng)前訂單客單價(jià)和提高加購商品的轉(zhuǎn)化率，那么，要如何實(shí)現(xiàn)這個(gè)目的呢？本文作者分析了市面上比較流行的加購類做法，希望能給你帶來一些啟發(fā)。

公司最近要做一個(gè)加購的功能，其實(shí)就像是引導(dǎo)用戶打包購買，于是找尋了一下市面上比較流行的加購類做法，希望能給自己的產(chǎn)品帶來一點(diǎn)思路，也給大家一些參考。

加購的目的我認(rèn)為是存在兩種：提高當(dāng)前訂單客單價(jià)和提高加購商品的轉(zhuǎn)化率，根據(jù)其推薦商品的類型不同，這兩種功能上我認(rèn)為是存在區(qū)別的。

01 生鮮類產(chǎn)品的常見做法：換購

這類產(chǎn)品由于其商品屬性及單價(jià)的原因，換購這種做法在生鮮類產(chǎn)品里常為存在，這種做法的主要目的是提高客單價(jià)。因?yàn)楫?dāng)用戶進(jìn)入產(chǎn)品時(shí)往往需求明確，但目標(biāo)物不一定明確，比如家里沒菜了，我需要買點(diǎn)菜，我要買點(diǎn)雞蛋再買點(diǎn)其他肉呀啥的下周吃。所以這類情景遇到換購時(shí)也比較容易產(chǎn)生效果。

1. 美團(tuán)買菜的換購邏輯

換購入口存在于購物車頁面最上方，當(dāng)滿足換購條件時(shí)提示：“已購滿9.9元，可換購超值商品0/10件+去換購”，不滿足條件時(shí)提示：“購滿9.9元，可換購超值商品+去湊單”，如下圖：

在購物車頁面如果點(diǎn)擊去換購則會(huì)看到一個(gè)換購彈窗，最多允許添加10種商品。如果不選擇換購直接點(diǎn)擊結(jié)算，在結(jié)算頁會(huì)二次彈窗提示并展示5個(gè)換購商品。兩種方式每種商品的數(shù)量只能為1，如下圖：

2. 美團(tuán)買菜換購設(shè)計(jì)小結(jié)

這類APP的用戶操作路徑較短，因?yàn)槠溆脩粜枨笠话爿^為明確且直接，換購的加入也并不會(huì)打斷用戶的核心流程。

提供的換購品均為用戶購物車存在的同類商品，或者是用戶曾經(jīng)購買的商品，并且還會(huì)隨著購物車選擇商品的變化而改變推薦換購的商品。比如購物車?yán)锎嬖谖鞴系⒉还催x，則換購會(huì)推薦西瓜，但是如果勾選了購物車?yán)锏奈鞴?，則換購列表里的西瓜會(huì)被同步刪除。

換購商品只用紅字體現(xiàn)換購價(jià)，勾選后加入到購物車?yán)锏膬r(jià)格也是換購價(jià)，并沒有體現(xiàn)原價(jià)多少或者是優(yōu)惠了多少，個(gè)人覺得如果像盒馬一樣體現(xiàn)換購商品的原價(jià)和換購價(jià)，直接告訴用戶減免了多少會(huì)更有吸引力。

02 教育類產(chǎn)品的做法：打包

教育類產(chǎn)品使用這個(gè)功能的并不多見，找到的有慕課網(wǎng)。教育類產(chǎn)品的用戶目標(biāo)往往比較模糊，比如說我想學(xué)習(xí)PS，那PS課程類型有一些可能是比較重基礎(chǔ)操作，有一些可能是偏高階技巧的，有一些是著重講人像美容的，有了初級目標(biāo)但是并不明確具體產(chǎn)品。

2. 慕課網(wǎng)套餐打包邏輯

慕課網(wǎng)采用的是套餐打包出售的方式，套餐查看入口有兩個(gè)。一個(gè)是在頁面上方當(dāng)前商品基本描述下，如果當(dāng)前商品有關(guān)聯(lián)套餐則顯示套餐按鈕，點(diǎn)擊出現(xiàn)完整套餐彈窗。另一個(gè)存在于當(dāng)前商品詳情頁的最后一個(gè)模塊，點(diǎn)擊更多也是出現(xiàn)了完整套餐的彈窗。

慕課網(wǎng)的用戶一般是想要入門程序員來學(xué)習(xí)或者已經(jīng)入門程序員但想要精進(jìn)，再加上程序語言這種本身的特性，慕課的套餐類型是配置好的固定規(guī)則。每門課程難度分為初級、中級、高級、進(jìn)階幾種類型，在套餐打包中同等難度打包占比較多，當(dāng)然也存在少量向上或者向下難度推薦的。

2. 慕課網(wǎng)打包購設(shè)計(jì)小結(jié)

慕課網(wǎng)也采用半屏彈窗這種形式，這是一種輕量級的、不強(qiáng)迫用戶操作、也不會(huì)打斷用戶操作流程的一種形式，美團(tuán)的換購也是同樣的出現(xiàn)形式。

慕課網(wǎng)的套餐價(jià)格除了用主題色顯示打包價(jià)格，還會(huì)有灰色的小字提示用戶當(dāng)前套餐優(yōu)惠了多少錢，這樣的價(jià)格顯示方式，是比較讓用戶一目了然的。但是頁面沒有明確指出優(yōu)惠折扣是平均分配還是其他方式，如果事后用戶要退出一個(gè)項(xiàng)目，容易發(fā)生價(jià)格糾紛。

每種套餐都有一個(gè)標(biāo)題，比如：計(jì)算機(jī)基礎(chǔ)+項(xiàng)目面面試組合、Java面試高薪必備技能。標(biāo)題可以用來展示當(dāng)前的套餐打包邏輯，誘人的文案也會(huì)吸引用戶去了解課程。

但是慕課在設(shè)計(jì)上有一個(gè)小的缺點(diǎn)，比如我想學(xué)習(xí)JS，在搜索JS的課程列表頁，選擇了一門課程A去了解詳情，然后看到了套餐，又對打包課程感興趣，點(diǎn)擊了打包商品B的課程詳情，頁面會(huì)跳轉(zhuǎn)至課程B詳情，但是再返回時(shí)卻回不到上一級課程A的詳情頁面，而是回到了上上一級的課程列表頁。而差不多標(biāo)題的課程，頁面又不會(huì)提示用戶上一次點(diǎn)擊的課程，容易使人迷惑不夠友好。

每種套餐僅展示立即購買按鈕，點(diǎn)擊立即購買跳轉(zhuǎn)提交訂單頁，同時(shí)顯示商品原價(jià)和優(yōu)惠折扣。此時(shí)若返回頁面則可返回當(dāng)前商品詳情頁，不會(huì)出現(xiàn)上一點(diǎn)的跳轉(zhuǎn)問題。

03 我自己產(chǎn)品的做法：加購

因?yàn)橥愋偷慕逃惍a(chǎn)品的使用了加購功能的并不多，慕課網(wǎng)的商品本身購買方式很簡單，選擇商品直接付錢，即便是打包購買也是直接付錢即可。

而我自己的產(chǎn)品購買則要復(fù)雜的多，因?yàn)橐趯W(xué)生購買時(shí)需要收集很多信息，比如說一個(gè)項(xiàng)目提供了多個(gè)日期供學(xué)生選擇，那學(xué)生選擇的是哪一個(gè)日期，學(xué)生的姓名、學(xué)校、班級等，需要收集學(xué)生一些項(xiàng)目運(yùn)營必需信息。而推薦的加購產(chǎn)品往往也是有很多必需字段，如何降低學(xué)生選擇加購商品的操作難度，在產(chǎn)品交互上需要格外注意這一點(diǎn)。

因?yàn)樵诰€教育產(chǎn)品本身的特殊性，打包的商品也是由業(yè)務(wù)部門制定好的，被推薦的商品會(huì)有兩種基本類型：同類型產(chǎn)品和進(jìn)階項(xiàng)目類。比如一個(gè)側(cè)重幾何的數(shù)學(xué)項(xiàng)目，可以推薦一個(gè)側(cè)重代數(shù)的數(shù)學(xué)項(xiàng)目，或者是推薦一個(gè)高客單的數(shù)學(xué)類的營地活動(dòng)提高轉(zhuǎn)化率。

1. 加購邏輯

查看加購項(xiàng)目入口位于當(dāng)前報(bào)名表的費(fèi)用模塊上，當(dāng)前報(bào)名表收集信息模塊下，因?yàn)轫?xiàng)目報(bào)名邏輯復(fù)雜所以不采用半屏彈窗形式出現(xiàn)。

因?yàn)槊總€(gè)項(xiàng)目本身的報(bào)名表已經(jīng)比較復(fù)雜，所以每個(gè)項(xiàng)目的報(bào)名表最多允許出現(xiàn)2個(gè)加購項(xiàng)目推薦。每個(gè)加購項(xiàng)目展示項(xiàng)目縮略圖、推薦語、原價(jià)和立省價(jià)格，在展示項(xiàng)目的同時(shí)也突出項(xiàng)目價(jià)格優(yōu)惠來吸引用戶購買。

加購項(xiàng)目默認(rèn)都是未加購狀態(tài)，如選擇加購項(xiàng)目1則展開加購項(xiàng)目1下的收集信息。每個(gè)加購項(xiàng)目下的收集信息最多允許3個(gè)，避免收集過多提高用戶購買操作難度。

1. 加購設(shè)計(jì)小結(jié)

由于項(xiàng)目本身的特殊性，所有加購項(xiàng)目直接展示在頁面里，每一個(gè)加購項(xiàng)目都有自己的加購優(yōu)惠，比較類似于美團(tuán)的換購邏輯，只有加購商品才享有優(yōu)惠，由用戶自行選擇任一加購商品。

每一個(gè)加購項(xiàng)目可能會(huì)有不同的價(jià)格類型供用戶選擇，所以界面上顯示：最高?。?*元，以折扣價(jià)格來吸引用戶。

在交互上，當(dāng)選擇了一個(gè)加購項(xiàng)目時(shí)，頁面下方及時(shí)出現(xiàn)當(dāng)前加購項(xiàng)目需要收集的字段，并且控制收集的字段個(gè)數(shù)。

04 重點(diǎn)總結(jié)

加購不論是換購還是打包出售的形式，從交互上一定要采用較為輕量的實(shí)現(xiàn)辦法，以不打斷當(dāng)前商品購買流程為主要原則。

關(guān)于商品價(jià)格，可以直觀顯示優(yōu)惠折扣來吸引用戶，但是加購商品的實(shí)付價(jià)格也一定要清楚地展示，避免用戶有歧義而在退款時(shí)發(fā)生糾紛。

給每種加購項(xiàng)目展示專屬標(biāo)題和推薦語，以此向用戶展示推薦加購項(xiàng)目的邏輯和優(yōu)勢，并且控制加購項(xiàng)目的個(gè)數(shù)。

每個(gè)加購項(xiàng)目點(diǎn)擊可以跳轉(zhuǎn)此加購項(xiàng)目的詳情頁面，在返回頁面時(shí)還需要返回至上一級頁面，即當(dāng)前項(xiàng)目的報(bào)名頁面。

以上，作為自己做此功能的思考與總計(jì)，供各位參考。

本文由 @不做代碼狗了 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議