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

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

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

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

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

將該產(chǎn)品Add to Cart后，頁(yè)面刷新到購(gòu)物車頁(yè)面，如下圖。

我們看到zappos的購(gòu)物車頁(yè)面除了正常的購(gòu)物車功能之外，在下面有幾個(gè)產(chǎn)品，Customers Who Bought Items in Your Shopping Cart Also Bought (購(gòu)買(mǎi)了你購(gòu)物車內(nèi)產(chǎn)品的顧客還購(gòu)買(mǎi)了)，這些商品都是為了進(jìn)行交叉銷售(Cross-Selling)，提高每張訂單銷售金額，同時(shí)也方便顧客找到其它 合適的產(chǎn)品，挖掘顧客的需求。像zappos這樣，已經(jīng)做得很不錯(cuò)了，國(guó)內(nèi)很多B2C網(wǎng)站的購(gòu)物車內(nèi)根本都不做交叉銷售的推薦。

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

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

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

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

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

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

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

再看Amazon的購(gòu)物車?yán)印?/p>

http://www.amazon.com/Zhu-Pets-Hamster-Pipsqueek-Yellow/dp/B002BHC7O2/

將該產(chǎn)品Add to Cart后，頁(yè)面刷新到購(gòu)物車頁(yè)面，如下圖。

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

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

2. Customers Who Bought Zhu Zhu Pets Hamster Pipsqueek - Yellow Also Bought

(購(gòu)買(mǎi)了Zhu Zhu倉(cāng)鼠寵物的顧客還買(mǎi)了)

Customers Who Shopped for Zhu Zhu Pets Hamster Pipsqueek - Yellow Also Shopped For

(想買(mǎi)Zhu Zhu倉(cāng)鼠寵物的顧客還想買(mǎi))

Bargain Recommendations

(特價(jià)推薦)

Customers Who Bought Items in Your Shopping Cart Also Bought

(購(gòu)買(mǎi)了你購(gòu)物車內(nèi)產(chǎn)品的顧客還購(gòu)買(mǎi)了)

左側(cè)的其它部分內(nèi)容依次為以上四條，都是當(dāng)前加入購(gòu)物車的該產(chǎn)品相關(guān)的推薦產(chǎn)品。整個(gè)功能也是再為交叉銷售，提高每單銷售金額而在努力。

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

哦。原來(lái)Amazon在這里增加了一個(gè)Mini購(gòu)物車頁(yè)面，其作用看了以上分析就完全明白了。

再看一個(gè)Mini購(gòu)物車的例子。

http://product.half.ebay.com/_W0QQtgZvidetailsQQprZ43551516QQitemZ341112003280

將該產(chǎn)品Add to Cart后，頁(yè)面刷新到購(gòu)物車頁(yè)面，如下圖。

1.左半部分上面還是一條購(gòu)物車提醒。

“100,000,000 Bon Jovi Fans Can’t Be Wrong… [Box] [CD D… ” has been added to your cart (你已經(jīng)將xxxx加入了購(gòu)物車)。

2.More from Bon Jovi… (更多Bon Jovi的CD)

Featured Bestsellers in Music… (最暢銷的音樂(lè))

Customers who shopped for your items also bought… (購(gòu)買(mǎi)了你的CD的顧客也買(mǎi)了)

這里依次的三部分產(chǎn)品的內(nèi)容還是在為交叉銷售，提高每單銷售金額而在努力。

3.這個(gè)右側(cè)的Mini購(gòu)物車，還可以直接刪除車內(nèi)產(chǎn)品，還可以點(diǎn)擊Edit 去修改購(gòu)物車內(nèi)容或者使用優(yōu)惠券結(jié)賬。如不需要修改或者刪除產(chǎn)品，就可以直接Proceed to Checkout(去結(jié)賬)。

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

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

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

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

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

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