购物车页面优化的 10 个最佳实践
最后更新于
最后更新于
您是否知道70% 的在线购物者放弃了购物车？
根据说法，这个数字来自一项深入分析，该分析以 48 项不同的研究为基准。
对于经验丰富的电子营销人员来说，这可能并不奇怪，但事实是十分之七的人实际上会放弃购物车并在没有购买的情况下结束购物之旅。
这显然是大量的收入损失。那么，怎样才能降低这个百分比呢？
本文旨在回答这个问题。我们将介绍最佳实践，帮助您降低放弃率并优化电子商务购物车页面以实现转化。
首先，我们要从扎实的基础开始。您的购物车页面应该采用清晰、简单、快速的用户体验。这个简单的三步公式 (CSF) 是任何成功的购物车页面的基石：
清晰 – 您的购物车页面不应有任何混乱、令人担忧或误导性的内容。理想情况下，它应该在单个页面上显示所有重要信息，而不需要滚动太远或访问任何其他页面。
简单 – 您的购物车页面应使用易于理解、清晰的语言和不留任何误解的设计来显示所有信息。
快速 - 访问者在您的购物车页面上花费的时间越多，他们离开的可能性就越大。如果您将前两个关键元素（简单+清晰）应用到您的页面，那么生成的购物车页面体验也应该很快。
由于页面上有许多元素可以优化并运行测试以找到最佳解决方案，因此遵循此 CSF 框架以实现和谐非常重要。
想要开始对您的购物车页面进行 A/B 测试吗？ 是 A/B 测试工具的一个很好的例子，它允许您通过前端或网页上的 UX 更改的低代码实现来快速设置测试，通过 ROI 仪表板收集见解，并确定哪条路线将增加您的投资回报率。收入。
了解了这 3 个关键要素后，我们就该深入研究电子商务购物车页面的 10 个最佳实践了。
就在您的访客进行结账之前，他们会登陆您的购物车页面，该页面只有一个任务：引导您的访客实际付款。
对于大多数电子商务买家来说，购物车是用于查看订单的页面。
为了帮助他们做到这一点，您的任务是清楚地显示有关产品的所有相关信息。
下面是 ASOS 结帐页面的一个很好的示例，其中包含所有必要的详细信息，以便进行清晰、轻松的审核。用户确切地知道他们将购买哪种产品以及颜色、尺寸和数量。
制作购物车页面时，请务必遵循此示例并包含以下元素：
项目缩略图
确切的名字
项目规格（尺寸、功率、容量、内存、功能……）
购物车中的商品数量
商品颜色
向客户展示所有这些元素可以让他们快速查看订单并对购买充满信心。
包含所有相关详细信息将降低通常由于缺乏准确信息而导致的购物车放弃百分比。
关于颜色背后的心理学有很多研究。然而，对于哪种颜色适合所有网站并解决所有放弃率问题，并没有单一的答案。
我们确实知道的一件事是，在用户体验方面，访客喜欢和谐和清晰的设计。
我们来看看奢侈鞋履品牌Jimmy Choo。对于他们的结账页面，他们保持了简单的设计，使用了一个明显突出的黑色按钮，使其易于点击。
著名鞋履制造商 Jimmy Choo 使用优雅而高效的黑白颜色代码，以便在购物车页面上清晰地显示信息。
请注意，结帐按钮作为页面上唯一的黑色按钮有效地突出，使得单击它变得非常简单。
美国放弃购物车的首要原因是什么？隐藏的运输费用。 在线买家鄙视隐藏的和最后一刻的运输成本。正如您在 Baymard 的研究中看到的下图所示，与其他原因相比，这是迄今为止最常见的放弃购物车的原因。
显示透明的运输和退货政策是提高转化率和赢得客户信任的关键因素。
信息层次结构是用于根据信息的重要性来显示和排序信息的结构。
在设计购物车页面时，请注意按钮、栏目和标题背后的逻辑，因为它们会严重影响用户的感知。
您可以在 CTA 中使用各种颜色（最好与您的品牌相匹配），但我们建议一次最多使用 3-4 种颜色。
颜色确实可以帮助您吸引访问者的注意力，因此请明智地使用它们：
突出显示重要信息
使用不同的颜色来区分 CTA
使用行或列来构建页面
如下图所示，美国鞋类市场 Zappos 在提供高效、干净的购物体验方面做得非常出色。
在当今竞争异常激烈的电子商务环境中，拥有不同的支付选项是必要的。
如果您经营一家国际电子商务商店，请记住，每个国家/地区的付款方式都不同：北美使用的付款方式不一定与欧洲或亚洲相同。
上图中，Adidas 提供了 6 种不同的支付方式，包括 Paypal、VISA 和 Apple Pay。这对于大型全球商店来说是绝对必要的。
在 Baymard 的同一份报告中，购物车废弃率的 18% 是由于对支付缺乏信任造成的。信任印章或信任徽章对于向用户表明您的网站是合法的非常重要。
事实上，它们实际上比同行推荐或值得信赖的设计更重要。根据 Baymard 的说法，以下徽章可以让访问者对安全可靠的网站有最高的认知：
显示清晰的联系电话和地址详细信息可能会影响用户的信任程度。购物者希望确保您的业务是合法的，而不是在线诈骗。
此外，您的访问者希望感受到您的网站背后有真人。
在购物车页面上提供实时聊天或电话协助服务是赢得客户信任、使您的业务合法化并使您的品牌形象人性化的绝佳选择。
想知道如何设计您的聊天框？看看下图中维多利亚的秘密的页面。他们选择了最鲜艳的颜色——粉色，以提高号召性用语的可见度。
“继续购物”选项是一种明智的方式，可以为访问者提供一种无需离开您的网站即可放弃购物车的方法。在将商品添加到购物车后，他们可以自由地继续浏览。
由于一些在线购物者实际上将购物车用作“愿望清单”，因此他们可以存储以后打算购买的商品。
没有什么比几乎无法识别产品的小缩略图更烦人的了。
在上图中，Apple 使得区分所选产品变得非常容易。使用的图像明亮清晰。他们的顾客将绝对确定他们的包里有正确的物品。
提供补充产品推荐或交叉销售在电子商务世界中并不是什么新鲜事。
然而，如果可以为您带来更高的 AOV，那么在购物车页面中显示互补产品是值得尝试的。
优化的购物车页面对于销售至关重要。
每个在线电子商务都应该测试其购物车页面的不同元素，以找到最适合将被动访问者转化为主动客户的元素。
购物车页面巧妙地；我们欣赏简单的三步颜色代码所强调的整洁布局（橙色=非常重要；蓝色=重要；灰色=次要）。
为了解决这个问题，请尝试根据客户的 IP 位置重定向客户，以便根据当地货币及其首选支付方式为他们提供
当客户评论产品时，您应该让他们有机会在和桌面设备上以方便的尺寸和分辨率正确查看产品。
有关更多测试想法，请查看我们的电子书：
购物车页面是访问者购买前执行的最后一步。的这一步中，以任何可能的方式缓解客户的担忧并促进无缝结账流程非常重要。
