久久人人爽人人人爽成人AV片

關(guān)于我們

小程序-拼團活動(dòng)前端頁(yè)面案例分析

2019-10-24

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

一、活動(dòng)入口

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

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

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

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

二、商品詳情頁(yè)的展示和交互
同一個(gè)商品的拼團活動(dòng)商品詳情頁(yè)和普通購買(mǎi)詳情頁(yè)是分開(kāi)的2個(gè)頁(yè)面，即：拼團商品詳情頁(yè)，僅展示參與活動(dòng)的SKU；普通商品詳情頁(yè)，展示此商品的全部SKU。

什么意思呢？

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

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

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

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

三、購物車(chē)和訂單展示及結算層面
1. 購物車(chē)活動(dòng)商品展示的場(chǎng)景有以下2個(gè)
①無(wú)活動(dòng)時(shí)，SKU已加入購物車(chē)的情況；活動(dòng)
②活動(dòng)預熱或者活動(dòng)進(jìn)行中時(shí)，在普通商品詳情頁(yè)加入購物車(chē)的情況；
當購物車(chē)中的商品有參與拼團活動(dòng)時(shí)，在活動(dòng)預熱或者進(jìn)行中狀態(tài)時(shí)，購物車(chē)會(huì )對應出現活動(dòng)信息，支持點(diǎn)擊跳轉拼團活動(dòng)詳情頁(yè)。

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

四、訂單管理
1. 訂單類(lèi)型標記
拼團訂單、普通訂單2種。

2. 訂單狀態(tài)
普通訂單流：待支付–待發(fā)貨–待收貨–已完成–已關(guān)閉
拼團訂單流：待支付–待成團–待發(fā)貨–待收貨–已完成–已關(guān)閉

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

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

1. 拼團成功，用戶(hù)主動(dòng)申請退款的情況
拼團成功待發(fā)貨狀態(tài)時(shí)，支持用戶(hù)在訂單詳情頁(yè)申請退款，申請后，僅退此訂單，同團的其他訂單不受影響。

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

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

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