電子商務(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)品的顧客還購買了)，這些商品都是為了進行交叉銷售(Cross-Selling)，提高每張訂單銷售金額，同時也方便顧客找到其它 合適的產(chǎn)品，挖掘顧客的需求。像zappos這樣，已經(jīng)做得很不錯了，國內(nèi)很多B2C網(wǎng)站的購物車內(nèi)根本都不做交叉銷售的推薦。

交叉銷售(Cross-Selling)和向上銷售(Up-Selling)對商家的好處在于：

提高了每張訂單的價值;

讓長尾的產(chǎn)品得到更多展示的機會;

方便顧客找到更加合適的產(chǎn)品。通過適當(dāng)?shù)耐扑]，可以提高購物轉(zhuǎn)化率，特別是當(dāng)顧客對當(dāng)前瀏覽或者選擇的產(chǎn)品并不是十分滿意的時候;

通過推薦合適的關(guān)聯(lián)產(chǎn)品、高級配置產(chǎn)品可以為用戶帶來更好的購物體驗，提高滿意度;

有利于更深入了解顧客需求，挖掘顧客需求。

(有機會另文再談交叉銷售和向上銷售。)

再看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. 對購物車功能進行優(yōu)化，增加一個Mini購物車頁面。

2. 在進行交叉銷售推薦產(chǎn)品的時候，要結(jié)合產(chǎn)品的特點，采用恰當(dāng)?shù)耐扑]形式。如：服裝，可以是“最佳搭配”，推薦鞋子，包等;筆記本電腦，可以是“產(chǎn)品配件”，推薦筆記本包，無線上網(wǎng)卡等。

3. 針對購物車內(nèi)產(chǎn)品，可以從不同的角度分組進行推薦。如：：書，可以是“更多某某作家的暢銷書”。

4. Mini購物車的功能，點擊去結(jié)賬按鈕，一定要是直接去付款提交訂單。