電子商務(wù)網(wǎng)站的購物車頁面除了常用的功能,可以通過合理設(shè)計來為網(wǎng)站提供更多的銷售可能,本文通過三個主流購物網(wǎng)站的購物車設(shè)計,來為您介紹在設(shè)計購物車頁面時到底因該注意些什么
B2C購物網(wǎng)站都會有一個購物車功能。當(dāng)一個顧客把它選中的產(chǎn)品加入購物車后,產(chǎn)品就會暫時存儲在網(wǎng)站購物車?yán)铮櫩涂梢岳^續(xù)選擇其它產(chǎn)品,一直到付款提交訂單。在未提交訂單前購物車內(nèi)的商品可以保存一定的時間如30、60天等。網(wǎng)站購物車的作用和現(xiàn)實中的超市購物車一樣,隨意添加,刪除,修改商品數(shù)量,方便購物者選好商品后一次性付款結(jié)賬。
購物車的功能是網(wǎng)站與顧客之間的很重要的客戶觸點,它的功能設(shè)計好與壞,對客戶的購物體驗有著相當(dāng)大的影響。
先看一個普通的購物車功能例子。
http://www.zappos.com/product/7565321/color/18247
將該產(chǎn)品Add to Cart后,頁面刷新到購物車頁面,如下圖。
我們看到zappos的購物車頁面除了正常的購物車功能之外,在下面有幾個產(chǎn)品,Customers Who Bought Items in Your Shopping Cart Also Bought (購買了你購物車內(nèi)產(chǎn)品的顧客還購買了),這些商品都是為了進(jìn)行交叉銷售(Cross-Selling),提高每張訂單銷售金額,同時也方便顧客找到其它 合適的產(chǎn)品,挖掘顧客的需求。像zappos這樣,已經(jīng)做得很不錯了,國內(nèi)很多B2C網(wǎng)站的購物車內(nèi)根本都不做交叉銷售的推薦。
交叉銷售(Cross-Selling)和向上銷售(Up-Selling)對商家的好處在于:
提高了每張訂單的價值;
讓長尾的產(chǎn)品得到更多展示的機(jī)會;
方便顧客找到更加合適的產(chǎn)品。通過適當(dāng)?shù)耐扑],可以提高購物轉(zhuǎn)化率,特別是當(dāng)顧客對當(dāng)前瀏覽或者選擇的產(chǎn)品并不是十分滿意的時候;
通過推薦合適的關(guān)聯(lián)產(chǎn)品、高級配置產(chǎn)品可以為用戶帶來更好的購物體驗,提高滿意度;
有利于更深入了解顧客需求,挖掘顧客需求。
(有機(jī)會另文再談交叉銷售和向上銷售。)
再看Amazon的購物車?yán)印?/p>
http://www.amazon.com/Zhu-Pets-Hamster-Pipsqueek-Yellow/dp/B002BHC7O2/
將該產(chǎn)品Add to Cart后,頁面刷新到購物車頁面,如下圖。
咦!這次看到的購物車頁面和Zappos的有些不一樣了。通常那個大家看著很熟悉的購物車沒有了,換成了在右側(cè)顯示Mini購物車的頁面。為什么要這樣?一起分析這個頁面:
1. 左半部分上面是一條購物車提醒。Add $11.37 of eligible items to your order to qualify for FREE Super Saver Shipping! 再購買$11.37元的商品,你就可以享受免費發(fā)貨了!這個很善意的提示不僅能提高訂單金額,多銷售商品,也方便了顧客。
2. Customers Who Bought Zhu Zhu Pets Hamster Pipsqueek - Yellow Also Bought
(購買了Zhu Zhu倉鼠寵物的顧客還買了)
Customers Who Shopped for Zhu Zhu Pets Hamster Pipsqueek - Yellow Also Shopped For
(想買Zhu Zhu倉鼠寵物的顧客還想買)
Bargain Recommendations
(特價推薦)
Customers Who Bought Items in Your Shopping Cart Also Bought
(購買了你購物車內(nèi)產(chǎn)品的顧客還購買了)
左側(cè)的其它部分內(nèi)容依次為以上四條,都是當(dāng)前加入購物車的該產(chǎn)品相關(guān)的推薦產(chǎn)品。整個功能也是再為交叉銷售,提高每單銷售金額而在努力。
3. 右側(cè)的Mini購物車真是很棒!如果你不需要修改購物車內(nèi)的產(chǎn)品數(shù)量或者不需要刪除該產(chǎn)品了,那么你只需要點擊Proceed to Checkout(去結(jié)賬)按鈕可以直接去結(jié)賬提交訂單。如果需要修改購物車內(nèi)的產(chǎn)品,點擊Edit shopping cart(編輯購物車),就看到了大家很熟悉的購物車頁面。http://www.amazon.com/gp/cart/view.html/ref=ox_huc_edit_cart
哦。原來Amazon在這里增加了一個Mini購物車頁面,其作用看了以上分析就完全明白了。
再看一個Mini購物車的例子。
http://product.half.ebay.com/_W0QQtgZvidetailsQQprZ43551516QQitemZ341112003280
將該產(chǎn)品Add to Cart后,頁面刷新到購物車頁面,如下圖。
1.左半部分上面還是一條購物車提醒。
“100,000,000 Bon Jovi Fans Can’t Be Wrong… [Box] [CD D… ” has been added to your cart (你已經(jīng)將xxxx加入了購物車)。
2.More from Bon Jovi… (更多Bon Jovi的CD)
Featured Bestsellers in Music… (最暢銷的音樂)
Customers who shopped for your items also bought… (購買了你的CD的顧客也買了)
這里依次的三部分產(chǎn)品的內(nèi)容還是在為交叉銷售,提高每單銷售金額而在努力。
3.這個右側(cè)的Mini購物車,還可以直接刪除車內(nèi)產(chǎn)品,還可以點擊Edit 去修改購物車內(nèi)容或者使用優(yōu)惠券結(jié)賬。如不需要修改或者刪除產(chǎn)品,就可以直接Proceed to Checkout(去結(jié)賬)。
以上兩個網(wǎng)站案例都增加了一個Mini購物車的頁面,這個Mini購物車頁面都是左右二欄式結(jié)構(gòu)。左側(cè)頁面內(nèi)容多產(chǎn)品多,占用的地方也大,右側(cè)的 Mini購物車只占用了一點合理的位置?;仡^對比看Zappos的購物車頁面,我們就會明白了一個道理,像Zappos一樣的通常購物車頁面,產(chǎn)品的交叉 銷售推薦都在頁面的下部,顧客在這個頁面,如果不下拉鼠標(biāo)很難看到這部分推薦內(nèi)容,特別是在購物車內(nèi)產(chǎn)品有多個的時候,更是關(guān)注不到這些推薦產(chǎn)品了。這樣 的購物車頁面功能設(shè)計是不是更加合理呢? (到目前為止還只有很少幾個國內(nèi)外網(wǎng)站使用這樣的購物車功能頁面,趕快行動吧。)
最后總結(jié)一下,我們在設(shè)計網(wǎng)站購物車功能時,可以考慮下面幾點:
1. 對購物車功能進(jìn)行優(yōu)化,增加一個Mini購物車頁面。
2. 在進(jìn)行交叉銷售推薦產(chǎn)品的時候,要結(jié)合產(chǎn)品的特點,采用恰當(dāng)?shù)耐扑]形式。如:服裝,可以是“最佳搭配”,推薦鞋子,包等;筆記本電腦,可以是“產(chǎn)品配件”,推薦筆記本包,無線上網(wǎng)卡等。
3. 針對購物車內(nèi)產(chǎn)品,可以從不同的角度分組進(jìn)行推薦。如::書,可以是“更多某某作家的暢銷書”。
4. Mini購物車的功能,點擊去結(jié)賬按鈕,一定要是直接去付款提交訂單。