“购物车“真的算是实物虚拟化的伟大创造，对比Amazon、eBay的购物车，国内的电商公司又将购物车的功能潜力挖掘得淋漓尽致。不论在移动端还是Web端，购物车都是电商用户端的重要模块。本文主要从购物车的使用场景、产品设计以及订单结算来介绍购物车。

on

1.购物车的妙用

购物车在实际使用中对用户来说，兼具着凑单、促销、收藏的功能。

1.1 凑单

在用户浏览详情页的时候，有两种选项：一种是立即购买，另一种是加入购物车。当用户本身需求较多，想一次购买多种商品，或者参与到优惠活动中（满减、满赠等），这时候会加入购物车进行凑单。

1.2 促销

购物车还有促销方面的功能，用于提高客单价。当有促销活动（满减、满赠）时，用户加入购物车之后，可以查看是否满足优惠条件，优惠之后的金额（不包含优惠券）。

1.3 收藏

对于大部分用户来说，购物车发挥更多的是收藏的作用：看着不错，等以后再下单。另外还有筛选的作用。譬如我网购时，会先加入购物车收藏，后面有时间在购物车中筛选之后购买。

淘宝、京东、Amazon、考拉的购物车

2.购物车的设计

2.1 通用显示

购物车在展示时，基本的展示信息主要有：商品标题、商品图片、价格、数量、规格（颜色、尺码等）、商家（自营或店铺）、库存状态（库存紧张/缺货）等。如果是跨境商品，还需要显示税费。购物车中的商品信息在初次打开 （APP或web首次进入）或刷新时，商品信息、促销信息都同步更新。
购物车的选中策略有三种：打开是默认全选、默认全不选、云端同步选中状态（不同设备打开时继承上次选中记录）。
用户的购物车数据需要记录在数据库中，保证APP端和web端同步，下次登录后不会丢失。

2.2 离线购物车

离线购物车指的是用户在未登录状态下加入购物车，一般通过创建虚拟用户实现 。为了更好的用户体验，需要让用户在下单之前，允许未登录先将商品加入购物车。
用户登录之后，涉及到离线购物车和在线购物车合并，首先判断当前是否有离线购物车，然后将离线购物车的数据和在线购物车数据进行合并。

2.3 库存监控

由于商品库存会发生变动，为了提醒用户，也是为了促单，在库存紧张或无货的时候，会在前端给予提示。购物车更新时，去查询对应的商品库存，判断当前商品的数量，当大于0小于提醒值时，提醒用户库存不足，请尽快下单，当等于0时，提醒无货，当商品下架后，提示商品无效。
无效商品进入无效商品列表中，可批量清除。

2.4 排序分类

商品在购物车中显示有几个纬度：1.商家店铺，将店铺不同的商品分开；2.优惠不同，在购物车中将优惠活动相同的商品聚合在一起；3.加入时间，按照加入购物车的时间倒序排列，最近添加的商品排列在前。

2.4 促销信息

购物车中显示促销相关信息，类似满减、满赠、赠品信息。例如在购物车中显示满500减100，全场满减，商品的赠品有哪些。还可以引导客户去店铺领取优惠券。在购物车中展示促销信息对提高客单价有良好效果，目前最好用的购物车非京东莫属。

2.5 商品推荐

在购物车底部，是最好的商品宣传位，可以添加为商品推荐区域。至于商品推荐的内容，会根据用户数据做定向推荐，这里不做扩展。

2.6 价格监控

购物车的商品价格变动时给用户提示，譬如降价20元，会对用户的消费决策产生影响。

2.7 编辑

编辑购物车时主要可以进行的操作：删除商品、加减商品数量、更改商品规格等。

购物车编辑

3.购物车的结算

在购物车选中商品时，会实时算出订单金额。在购物车中计算时，需要将优惠金额算进去，但是这部分优惠只包括满减的部分。例如商品订单1000元，但是满800减200，那购物车中显示的订单金额为800，优惠200。若是跨境商品，则需要考虑税费。
在购物车中未将优惠券的优惠金额算入，主要是因为实际场景中有多优惠券满足订单的情况，用户可根据需要自由选择相应的优惠券。
这里有个优化点，可以提示使用优惠券最多可优惠多少元。

购物车结算

总结了一下购物车，在移动端和PC端的购物车设计上虽略有不同，但是核心要点都是一样的。良好的产品逻辑 、用户友好的购物车设计能够促成交易达成，提高客单量。

碎碎恋产品（公众号）
电商产品经理，主导多业务产品更新迭代，负责过从0到1的产品设计、研发、上线。
专注于电商产品设计、商业分析以及后台挖坑。
每周持续更新产品相关的文章，感兴趣可关注我，欢迎勾搭交流！