购物车页弃购是头脑中的每个人在电子商务。根据李斯特拉克指数，每天报告的平均购物车弃置率，购物车弃置可能高达85% 。

虽然你不能控制那些真正没有准备好购买的顾客的有机放弃(例如，使用购物车作为一个愿望清单或价格比较购物) ，你的购物车页面的设计、功能和功能影响你转化现成顾客的能力。

必须有购物车页面功能

有些功能只是桌上赌注或网上商店，包括:

• 产品缩略图(当购物车包含多个商品时非常有用)
• 产品详情
• 项目选择数量，价格和任何适用的销售价格
• 编辑工具(删除，更新数量)
• 购物车小计和总计
• 估计运输和税收费用(它的确定说待定在结帐)
• 客户服务电话号码
• 继续购物按钮
• 结帐按钮

当然，也有少数例外，比如数码产品和订阅，它们并不总是有产品图像(比如 mp3文件) ，也不收取运费。商业是有背景的！

可选购物车页面功能

下面的许多特性虽然不是必需的，但可以改善客户体验和转化:

• 确认库存可用性
• 移动到 wishlist/保存以便稍后使用
• 优惠券代码框
• 购买大车胡萝卜(你需要支付 $X.xx 才能免运费)
• 航运和税收计算器
• 备选航运方案的选择
• 可供选择的付款方式
• 保存或电子邮件购物车链接
• 交叉销售和向上销售
• 在线聊天
• 安全徽章
• 客户推荐
• 添加免费样品
• 保证书及其他价值主张复印件
• 客户服务政策的链接

哪些特性有助于抑制购物车的废弃，以及实现这些特性的最佳实践是什么？

减少放弃购物车

为什么顾客要放弃购物车

并不是所有的废弃手推车都可以归咎于用户体验问题。根据 UPS 和 ComScore 的一项研究，退货的首要原因是高于预期的运输成本(58%)、比较购物(57%)和稍后购买的意图(55%)。

很明显，可用性问题通常不是放弃购物车的主要原因，至少当被调查的消费者被要求回忆他们放弃购物车的原因时是这样。然而，请记住这些都是自我报告的平均指标。如果你的购物车评论页面有增加购物车废弃的用户体验问题，你每年可能会损失成千上万美元的收入。

如何设计您的购物车网页，以减少废弃和增加转化率？

改进购物车页面用户体验

定位推车

优化购物车页面的第一步是帮助客户定位购物车链接。多年以来，在线购物者一直习惯于在电子商务网站的右上角寻找购物车图标，坚持这种做法是明智的。但是我测试过的很多商店很难找到购物车图标。

避免将购物车链接放置在横跨页面顶部的暗条中。我们的大脑扫描白色(或光线)空间，寻找网站功能，很容易在一个细长的酒吧看不到任何东西。在上面和下面的例子中，周围的呼吁行动更加突出，挤出了购物车。

响应式设计的趋势无意中导致了更大屏幕和设备方向的可用性问题。

在“瘦屏幕”上，右上角的图标链接相对比较突出，但按比例放大后，它们实际上变得隐形了(你能在上面找到它们吗?)

对于桌面设计，最安全的做法是坚持使用一个明显的购物车和支付电话。

如果你想使用一个图标与响应式设计，确保它“弹出”与对比色。

当购物车里有商品时，一个流行的颜色也会吸引顾客的注意，并提醒回来的顾客你仍然拿着他们的购物车里的东西。

呼吁行动

在购物车中，你的主要行动呼吁是结帐按钮。虽然大多数现代购物车的设计都使用一个巨大的、五颜六色的结账按钮，但是许多仍然风格的竞争性行动呼吁没有一个视觉层次，混乱的设计，在某些情况下，让顾客感到困惑。

一个设计良好的购物车页面，其中辅助调用的行动是与不同的颜色和大小风格的结帐按钮

内容和设计元素，包围购物车按钮也可以与您的主要呼吁和分散行动。

购物车总结框周围的图形元素与结帐按钮竞争

佩特奇的地方呼吁行动在页面的顶部，但没有重复低于附近的价格，人们希望看到它。随着购物车越来越大，这个问题就变得越来越严重，因为购物车里的东西把“总额”推得离付款按钮越来越远，而且空白区域也是眼睛自然而然地被吸引的地方

结帐按钮放置得离订单总数太远

颜色和大小的可见性也很重要。小蜜蜂的继续购物按钮比结帐更大(因此更突出) ，两者都是与贝宝结帐选项相同的颜色，创建三个竞争的行动要求。

主呼叫操作风格与次呼叫操作相同的颜色和形状，甚至比次呼叫更小。

响应式设计趋势已经创造了一个全新的放弃购物车的问题，要求行动重新安排和调整自己的大小，往往很差。

例如，Airsplat 有几个次要的行动调用，与结帐按钮竞争。这在台式机上不是最佳选择，但在移动屏幕上就更糟了。

次要的行动调用将整个购物车页面弄得凌乱不堪，并与主要的行动调用竞争

结账按钮会在移动设备上自动调整大小，以跨越屏幕的宽度，而不再看起来像一个按钮或可点击的元素。

熔珠也有同样的问题。

用相同的尺寸、颜色和形状来设计这三种操作模式违反了最佳实践，而且当它们为移动设备缩小尺寸、跨越屏幕宽度并成为触摸激活模式时，客户很容易点错按钮。

“回流”的响应式内容也可能导致问题。

Sally Beauty 的结账按钮漂浮在顶部，第二次呼吁行动只出现在购物车总数之下(这里的顾客通常期望进行结账链接)。

结账按钮应该始终出现在购物车汇总的右下方，靠近订单总数。运动生活只使用一个贝宝按钮在右上角(这是唯一的支付选项)。不仅位置有问题(似乎根本没有结帐选项) ，一个贝宝按钮不是普遍认可的客户结帐链接。

当运动生活的响应式设计加剧了这个问题，开槽的优惠券盒子里，人们会期望找到一个结帐按钮。这是一个消极的行动号召，因为这是一个放弃在谷歌中寻找优惠券代码的号召——这是移动设备上一种灾难性的摩擦形式，因为返回到浏览器窗口更加困难。

客户也不总是理解什么是快速结帐(登录到您的帐户)的意思。Express Checkout 可能会与 Guest Checkout 混淆(暗示为更快的选项) ，而且这个按钮经常会与这个期望错误点击，只会将客户丢弃在她希望避免的登录屏幕上。

我建议不要在购物车中使用快速结账按钮，而是让每个人都走进你的结账台，无论你是选择登录/结账作为客人，还是直接进入结账流程并选择登录访问保存的信息。

你还需要非常小心地使用“用亚马逊付款”按钮，它允许亚马逊帐户持有者用他们的亚马逊钱包付款。提醒消费者你最大的竞争对手是转换自杀。如果你像大多数在线零售商一样，亚马逊提供与你的商店相同或相似的产品。

结帐前税收和运输估计数

许多电子商务网站在购物车页面失去客户，因为他们不能预览他们的最终收费之前启动结帐(并在过程中共享他们的信息)。在 UPS 和 ComScore 的研究中，37% 的人报告说，当这些信息在结账过程中显示得太晚时，他们就会放弃购物车，而结账前的计算器可以减轻这种放弃。

不到一半的电子商务网站提供结账前的配送功能，而那些提供这种功能的网站，如果没有放置在客户的典型眼流路径上，往往会被忽视。

航运计算器风格的盒子或放置在购物车的左侧是难以发现作为一个客户扫描右侧看到估计总数

用户并不总是“看到”按钮

最安全的做法是将运输计算器放在客户审查其订单总额的位置。

航运估价器是一个明确的开放领域内置于顺序总汇

发货估计是放置在客户的订单审查眼流，没有分散注意力的内容

Autolicity 使用一个文本链接“ Estimate Shipping”，客户可以点击该链接来显示计算器。

这种方法在不牺牲工具的附加价值的情况下减少了视觉上的混乱，只有当客户选择与其交互时才会显示出来。

优惠券字段

优惠券代码字段是对操作的调用，无论您的客户是否使用代码进行引用。

当呈现内嵌，他们有相同的效果作为内嵌航运估计-它吸引注意！

与其鼓励你的顾客放弃购物车，通过谷歌获得优惠券(或者付钱给一个从来没有提及销售的会员，而不是削减订单的利润) ，不如尽量减少优惠券盒的可见性。不要担心，已经有优惠券代码的客户会积极寻找它。

最小化优惠券框的一种方法是将其设置为文本链接，而不是一个大喊“告诉我!”的开放字段

或者，使用“幽灵按钮”——一个白底白字的链接，不会引起太多注意。

建议只有特殊客户获得优惠券代码(即订阅您的电子邮件列表)也可以阻止促销代码剪切，并可以建立您的电子邮件列表启动。然而，请记住，客户可能会注册邮件，并推迟查看，直到收件箱收到优惠券，这可能会挤压销售。

另一个策略是把优惠券盒子放在收银台而不是购物车里。理想情况下，你的优惠券盒子应该尽可能深入流动，因为相比购物车阶段，消费者不太可能放弃他们已经投入精力去寻找优惠券的结账流程。

一些电子商务网站抑制优惠券盒与 p 代码规则，只显示它时，客户已经提到了联盟，电子邮件或其他活动与优惠券代码。如果您的电子商务平台支持这一点，它可以节省一定比例的废弃车和抑制不必要的优惠券使用。

支持脱机和跨设备转换

购物车页面是显著显示客户支持信息的完美点。若要帮助客户服务代表访问客户的购物车，请包含购物车 ID 号。这也有助于您协调电话转换到在线营销活动和其他分析数据。

为了支持研究在线购买离线和跨设备购物，考虑一个电子邮件你的购物车功能。

老海军(Old Navy)有一句著名的“拯救我的包”(Save my Bag)口号:

但是，这个特性需要一个电子邮件地址和密码(带有创建帐户的选项)。这个简单的只用电子邮件的选项为没有现有账户的购物者消除了一层摩擦。

说服

稳定的可用性只是成功的一半，推车可以说服人们节省更多的销售。

航运优惠

众所周知，消费者喜欢免运费，根据一项研究，93% 的网上购物者表示，如果提供免运费，他们会购买更多的产品，44% 的人表示，如果运费太高，他们会放弃购物车，73% 的人表示，无条件免运费对他们的购买决定“至关重要”。

免费送货可能是影响转化率的最重要因素，如果你提供免费送货服务，你的购物车必须清楚地告诉你这一点。

与航运计算器一样，如果您的免费航运呼叫出现在折叠之下，或者在客户的眼睛流之外，这可能没有任何影响。

虽然上述购物车呼吁免费送货，它列出了0.00美元作为估计运费。这并不能使客户确信他们已经符合免运费的条件，这种不确定性可能会导致废弃。当客户已经达到你的免运费门槛时，让它变得过于明显。使用红色，将 $0.00替换为免费，像 Zappos:

当一个购物车达不到免费送货的最低要求时，吸引顾客在订单总数中用一个彩色标注继续消费:

CVS 和玩具反斗城得到更多图形，显示客户是如何接近免费送货视觉:

如果你不能提供免运费，可以考虑另外一种奖励，比如免费礼物或者最低消费的免费样品。

行动要点保证

有几种方法可以提高购物者在网站上购买的信心(而不是亚马逊或竞争对手)。

这些破坏 fud 的策略(恐惧，不确定性和怀疑)被称为行动保证点，并采取保证，客户证明，安全印章和其他价值主张的形式。

价值主张显示在购物车告诉客户为什么他们可以“信心购物”在您的网站

如果你是为像诺顿或迈克菲这样的信托公司付费，不要把它们隐藏在页眉或页脚菜单中。让他们尽可能靠近焦虑点(购物车总数和结帐按钮)。如果你想引起别人的注意，就不要把它们和其他图标混在一起，比如可接受的付款选项。

较小的站点可以从显示推荐信中获益，比如 TrustPilot 插件。

但是，要小心在您的购物车中运行第三方脚本，这可能会降低性能(增加废弃) ，特别是在连接到无线热点的设备上。

篮子建筑

向购物车中添加产品是客户能够给你的购买意向的最有力的指示器，不要错过交叉销售和建立你的平均订单价值的机会。这个策略值得自己的帖子，很快就会推出！