電子商務(wù)網(wǎng)站的購物車頁面除了常用的功能，可以通過合理設(shè)計(jì)來為網(wǎng)站提供更多的銷售可能，本文通過三個(gè)主流購物網(wǎng)站的購物車設(shè)計(jì)，來為您介紹在設(shè)計(jì)購物車頁面時(shí)到底因該注意些什么

b2c購物網(wǎng)站都會(huì)有一個(gè)購物車功能。當(dāng)一個(gè)顧客把它選中的產(chǎn)品加入購物車后,產(chǎn)品就會(huì)暫時(shí)存儲(chǔ)在網(wǎng)站購物車?yán)?，顧客可以繼續(xù)選擇其它產(chǎn)品，一直到付款提交訂單。在未提交訂單前購物車內(nèi)的商品可以保存一定的時(shí)間如30、60天等。網(wǎng)站購物車的作用和現(xiàn)實(shí)中的超市購物車一樣，隨意添加，刪除，修改商品數(shù)量，方便購物者選好商品后一次性付款結(jié)賬。

購物車的功能是網(wǎng)站與顧客之間的很重要的客戶觸點(diǎn)，它的功能設(shè)計(jì)好與壞，對(duì)客戶的購物體驗(yàn)有著相當(dāng)大的影響。

先看一個(gè)普通的購物車功能例子。

http://www.zappos.com/product/7565321/color/18247

將該產(chǎn)品add to cart后，頁面刷新到購物車頁面，如下圖。

我們看到zappos的購物車頁面除了正常的購物車功能之外，在下面有幾個(gè)產(chǎn)品，customers who bought items in your shopping cart also bought (購買了你購物車內(nèi)產(chǎn)品的顧客還購買了)，這些商品都是為了進(jìn)行交叉銷售(cross-selling)，提高每張訂單銷售金額，同時(shí)也方便顧客找到其它 合適的產(chǎn)品，挖掘顧客的需求。像zappos這樣，已經(jīng)做得很不錯(cuò)了，國內(nèi)很多b2c網(wǎng)站的購物車內(nèi)根本都不做交叉銷售的推薦。

交叉銷售(cross-selling)和向上銷售(up-selling)對(duì)商家的好處在于：

提高了每張訂單的價(jià)值;

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

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

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

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

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

再看amazon的購物車?yán)印?/p>

http://www.amazon.com/zhu-pets-hamster-pipsqueek-yellow/dp/b002bhc7o2/

將該產(chǎn)品add to cart后，頁面刷新到購物車頁面，如下圖。

咦!這次看到的購物車頁面和zappos的有些不一樣了。通常那個(gè)大家看著很熟悉的購物車沒有了，換成了在右側(cè)顯示mini購物車的頁面。為什么要這樣?一起分析這個(gè)頁面：

1. 左半部分上面是一條購物車提醒。add $11.37 of eligible items to your order to qualify for free super saver shipping! 再購買$11.37元的商品，你就可以享受免費(fèi)發(fā)貨了!這個(gè)很善意的提示不僅能提高訂單金額，多銷售商品，也方便了顧客。

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

(特價(jià)推薦)

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)品。整個(gè)功能也是再為交叉銷售，提高每單銷售金額而在努力。

3. 右側(cè)的mini購物車真是很棒!如果你不需要修改購物車內(nèi)的產(chǎn)品數(shù)量或者不需要?jiǎng)h除該產(chǎn)品了，那么你只需要點(diǎn)擊proceed to checkout(去結(jié)賬)按鈕可以直接去結(jié)賬提交訂單。如果需要修改購物車內(nèi)的產(chǎn)品，點(diǎn)擊edit shopping cart(編輯購物車)，就看到了大家很熟悉的購物車頁面。http://www.amazon.com/gp/cart/view.html/ref=ox_huc_edit_cart

哦。原來amazon在這里增加了一個(gè)mini購物車頁面，其作用看了以上分析就完全明白了。

再看一個(gè)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.這個(gè)右側(cè)的mini購物車，還可以直接刪除車內(nèi)產(chǎn)品，還可以點(diǎn)擊edit 去修改購物車內(nèi)容或者使用優(yōu)惠券結(jié)賬。如不需要修改或者刪除產(chǎn)品，就可以直接proceed to checkout(去結(jié)賬)。

以上兩個(gè)網(wǎng)站案例都增加了一個(gè)mini購物車的頁面，這個(gè)mini購物車頁面都是左右二欄式結(jié)構(gòu)。左側(cè)頁面內(nèi)容多產(chǎn)品多，占用的地方也大，右側(cè)的 mini購物車只占用了一點(diǎn)合理的位置?；仡^對(duì)比看zappos的購物車頁面，我們就會(huì)明白了一個(gè)道理，像zappos一樣的通常購物車頁面，產(chǎn)品的交叉 銷售推薦都在頁面的下部，顧客在這個(gè)頁面，如果不下拉鼠標(biāo)很難看到這部分推薦內(nèi)容，特別是在購物車內(nèi)產(chǎn)品有多個(gè)的時(shí)候，更是關(guān)注不到這些推薦產(chǎn)品了。這樣 的購物車頁面功能設(shè)計(jì)是不是更加合理呢? (到目前為止還只有很少幾個(gè)國內(nèi)外網(wǎng)站使用這樣的購物車功能頁面，趕快行動(dòng)吧。)

最后總結(jié)一下，我們?cè)谠O(shè)計(jì)網(wǎng)站購物車功能時(shí)，可以考慮下面幾點(diǎn)：

1. 對(duì)購物車功能進(jìn)行優(yōu)化，增加一個(gè)mini購物車頁面。

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

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

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