“购物车”真的算是实物虚拟化的伟大创造,对比Amazon、eBay的购物车,国内的电商公司又将购物车的功能潜力挖掘得淋漓尽致。如图10-12所示,分别是淘宝、京东、Amazon、考拉的购物车。不论在移动端还是Web端,购物车都是电商用户端的重要模块。我们主要从购物车的使用场景、产品设计以及订单结算来介绍购物车。
图10-12 京东、天猫、Amazon、考拉的购物车
【购物车的妙用】
购物车在实际使用中对用户来说,兼具凑单、促销、收藏的功能。
1.凑单
在用户浏览商品详情页的时候,有两种选项:一种是“立即购买”,另一种是“加入购物车”。当用户本身需求较多,想一次购买多种商品,或者参与到优惠活动中(如满减、满赠等),这时候会将商品加入购物车进行凑单。
2.促销
购物车还有促销方面的功能,用于提高客单价。当有促销活动(满减、满赠)时,用户将商品加入购物车之后,可以查看是否满足优惠条件和优惠之后的金额(不包含优惠券)。
3.收藏
对于大部分用户来说,购物车发挥更多的是收藏的作用:“这东西看着不错,等以后再下单。”另外还有筛选的作用。比如笔者网购时,会先加入购物车收藏,后面有时间再在购物车中筛选之后购买。
【购物车的设计】
1.通用显示
购物车在展示时,基本的展示信息主要有:商品标题、商品图片、价格、数量、规格(颜色、尺码等)、商家(自营或店铺)、库存状态(是否紧张或缺货)等。如果是跨境商品,还需要显示税费。购物车中的商品信息在初次打开(APP或Web端首次进入)或刷新时,商品信息、促销信息都同步更新。
购物车的选中策略有三种:打开时默认全选、打开时默认全不选、云端同步选中状态(不同设备打开时继承上次选中记录)。
用户的购物车数据需要记录在数据库中,保证APP端和Web端同步,下次登录后不会丢失。
2.离线购物车
离线购物车指的是用户在未登录状态下把商品加入购物车,一般通过创建虚拟用户实现。为了更好的用户体验,需要让用户在下单之前,允许未登录先将商品加入购物车。
用户登录之后,涉及离线购物车和在线购物车合并。首先判断当前是否有离线购物车,然后将离线购物车的数据和在线购物车的数据进行合并。
3.库存监控
由于商品库存会发生变动,在库存紧张或无货的时候,会在前端给予提示。除了提醒用户,在库存紧张时还有促单的功效。购物车更新时,去查询对应的商品库存,判断当前商品的数量,当库存数大于0并小于提醒值时,提醒用户库存不足,请尽快下单;当库存数等于0时,提醒无货;当商品下架后,提示商品无效。
无效商品进入无效商品列表中,可批量清除。
4.排序分类
商品在购物车中显示有几个纬度:①商家店铺,将不同店铺的商品分开;②优惠不同,在购物车中将优惠活动相同的商品聚合在一起;③加入时间,按照加入购物车的时间倒序排列,最近添加的商品排列在前。
5.促销信息
购物车中显示促销相关信息,类似满减、满赠、赠品等信息。例如在购物车中显示“满500减100”、“全场满减”、“商品的赠品有哪些”。还可以引导客户去店铺领取优惠券。在购物车中展示促销信息对提高客单价有良好效果,笔者认为目前最好用的购物车非京东莫属。
6.商品推荐
在购物车底部,是最好的商品宣传位,可以添加为商品推荐区域。至于商品推荐的内容,会根据用户数据做定向推荐,这里不做扩展。
7.价格监控
购物车的商品价格变动时给用户提示,比如降价20元,会对用户的消费决策产生影响。
8.编辑
编辑购物车时主要可以进行的操作:删除商品、加减商品数量、更改商品规格等。如图10-13所示。
图10-13 编辑购物车
【购物车的结算】
在购物车选中商品时,会实时算出订单金额。在购物车中计算时,需要将优惠金额算进去,但是这部分优惠只包括满减的部分,如图10-14所示。例如商品订单1000元,但是满800减200,那购物车中显示的订单金额为800,优惠200。若是跨境商品,则需要考虑税费。
图10-14 购物车结算
在购物车中未将优惠券的优惠金额算入,主要是因为实际场景中可能有多种优惠券满足订单的情况,用户可根据需要自由选择相应的优惠券。
这里有个优化点,可以提示使用优惠券最多可优惠多少元。
总结一下。移动端和PC端的购物车在设计上虽略有不同,但是核心要点都是一样的。良好的产品逻辑、友好的购物车设计能够促成交易达成,提高客单量。