上一篇文章《營銷工具之拼團(tuán)活動(dòng)如何設(shè)計(jì)》，我們從實(shí)操角度，對(duì)拼團(tuán)活動(dòng)的前后端整體流程進(jìn)行了梳理，發(fā)布之后收到小伙伴們對(duì)小程序前端設(shè)計(jì)的問題。所以本篇就拼團(tuán)活動(dòng)的小程序前端頁面，做一個(gè)詳細(xì)的說明。

我們發(fā)起一個(gè)拼團(tuán)活動(dòng)，通常需要以下幾支功能去支撐拼團(tuán)活動(dòng)的運(yùn)行：活動(dòng)入口、商品詳情頁的展示和交互、購物車和訂單展示及結(jié)算層面、訂單管理、退款管理、以及我的拼團(tuán)管理。

一、活動(dòng)入口

活動(dòng)入口除了從首頁列表進(jìn)入，還可以通過分享商品鏈接，商品二維碼以及朋友的參團(tuán)邀請(qǐng)進(jìn)入（這個(gè)上一篇文章《營銷工具之拼團(tuán)活動(dòng)如何設(shè)計(jì)》中忽略了，在此補(bǔ)充一下）。

1. banner廣告位指定跳轉(zhuǎn)活動(dòng)商品。

2. 通過列表頁進(jìn)入：首頁推薦活動(dòng)列表以及拼團(tuán)活動(dòng)列表。

3. 通過分享進(jìn)入：朋友分享的活動(dòng)商品鏈接，活動(dòng)商品二維碼，以及參團(tuán)邀請(qǐng)等。

二、商品詳情頁的展示和交互

同一個(gè)商品的拼團(tuán)活動(dòng)商品詳情頁和普通購買詳情頁是分開的2個(gè)頁面，即：拼團(tuán)商品詳情頁，僅展示參與活動(dòng)的SKU；普通商品詳情頁，展示此商品的全部SKU。

什么意思呢？

假設(shè)SPU1下面有4個(gè)規(guī)格，分別是：SKU1、SKU2、SKU3、SKU4，其中SKU3、SKU4參與了拼團(tuán)活動(dòng)。

那么在那么在普通商品詳情頁，能選擇4個(gè)規(guī)格：SKU1、SKU2、SKU3、SKU4。

在活動(dòng)預(yù)熱或者進(jìn)行中狀態(tài)時(shí)，有對(duì)應(yīng)的拼團(tuán)活動(dòng)的提示，點(diǎn)擊【去拼團(tuán)】跳轉(zhuǎn)SPU1對(duì)應(yīng)的拼團(tuán)商品詳情頁，此頁面僅能選擇2個(gè)活動(dòng)的SKU：SKU3、SKU4。

其中拼團(tuán)商品詳情頁，不管已選哪個(gè)SKU，點(diǎn)擊【單獨(dú)購買】，均跳轉(zhuǎn)普通商品詳情頁，且定位到上一頁面選中的SKU，走普通商品購買流程。

三、購物車和訂單展示及結(jié)算層面

1. 購物車活動(dòng)商品展示的場景有以下2個(gè)

• ①無活動(dòng)時(shí)，SKU已加入購物車的情況；活動(dòng)
• ②活動(dòng)預(yù)熱或者活動(dòng)進(jìn)行中時(shí)，在普通商品詳情頁加入購物車的情況；

當(dāng)購物車中的商品有參與拼團(tuán)活動(dòng)時(shí)，在活動(dòng)預(yù)熱或者進(jìn)行中狀態(tài)時(shí)，購物車會(huì)對(duì)應(yīng)出現(xiàn)活動(dòng)信息，支持點(diǎn)擊跳轉(zhuǎn)拼團(tuán)活動(dòng)詳情頁。

2. 結(jié)算頁面取值

• ①購物車選中商品，不管是選單個(gè)商品還是多個(gè)商品，點(diǎn)擊進(jìn)入結(jié)算頁面時(shí)，是以單買價(jià)（即商品正常銷售價(jià)）下單。
• ②只有通過拼團(tuán)商品詳情頁【我要開團(tuán)】或者參團(tuán)邀請(qǐng)【我要參團(tuán)】入口，才支持以拼團(tuán)價(jià)下單，也相當(dāng)于參與拼團(tuán)活動(dòng)都是單個(gè)SKU下單。

四、訂單管理

1. 訂單類型標(biāo)記

拼團(tuán)訂單、普通訂單2種。

2. 訂單狀態(tài)

• 普通訂單流：待支付–待發(fā)貨–待收貨–已完成–已關(guān)閉
• 拼團(tuán)訂單流：待支付–待成團(tuán)–待發(fā)貨–待收貨–已完成–已關(guān)閉

小程序端待成團(tuán)訂單同樣放在待發(fā)貨狀態(tài)里，支持客戶邀請(qǐng)好友，處理方式如下：

五、退款管理

拼團(tuán)的退款單生成的2種場景（前提條件：已支付待成團(tuán)狀態(tài)時(shí)，不支持發(fā)起退款）：

1. 拼團(tuán)成功，用戶主動(dòng)申請(qǐng)退款的情況

拼團(tuán)成功待發(fā)貨狀態(tài)時(shí)，支持用戶在訂單詳情頁申請(qǐng)退款，申請(qǐng)后，僅退此訂單，同團(tuán)的其他訂單不受影響。

2. 拼團(tuán)失敗，系統(tǒng)自動(dòng)觸發(fā)退款的情況

六、我的拼團(tuán)管理

用戶發(fā)起拼團(tuán)，下單支付成功后，即開團(tuán)成功，或者用戶參團(tuán)，下單支付成功后，即參團(tuán)成功。開團(tuán)或參團(tuán)成功后，【我的拼團(tuán)】會(huì)新增一條拼團(tuán)記錄，用來跟蹤此拼團(tuán)活動(dòng)的拼團(tuán)狀態(tài)。

拼團(tuán)狀態(tài)有3個(gè)：拼團(tuán)中，拼團(tuán)成功，拼團(tuán)失敗，如下圖所示：

1. 拼團(tuán)中狀態(tài)頁面分2種場景處理

• ①自己發(fā)起的團(tuán)，支持用戶邀請(qǐng)好友參團(tuán)
• ②點(diǎn)擊別人的團(tuán)，支持用戶參團(tuán)

2. 拼團(tuán)成功狀態(tài)頁面分2種場景處理

• ①用戶已參與該團(tuán)，且該團(tuán)已拼團(tuán)成功時(shí)；
• ②用戶未參與該團(tuán)，但該團(tuán)已拼團(tuán)成功時(shí)；

3. 拼團(tuán)成功狀態(tài)頁面分2種場景處理

• ①用戶已參與該團(tuán)，且該團(tuán)拼團(tuán)失敗時(shí)；
• ②用戶未參與該團(tuán)，但該團(tuán)拼團(tuán)失敗時(shí)；

作者：shirly ，公眾號(hào)：小小何小廚

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

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