2023 年 11 项电子商务结账和购物车设计最佳实践

mehedi67

吸引客户到您的网站并说服他们购买您的产品对于电子商务企业至关重要 - 但仅这些步骤并不能保证销售。 对于大多数网站来说，购物车和结账页面的设计和功能最终决定了客户的购买行为。 那么，如何优化宾客结帐流程以实现销售并同时提高平均订单价值 (AOV)？ 每年，我们的转化优化团队都会分析数十个类别的领先电子商务网站，以确定客户转化的最佳实践。 利用这些数据（以及我们数十年优化客户网站的经验），我们创建了本电子商务结账设计和购物车最佳实践指南，并提供了我们在 2023 年研究的网站中实际应用的示例。 阅读下面的内容，并立即开始在您的网站上测试您最喜欢的内容。 或者，如果您想为您的在线业务制定自定义转化优化策略，我们随时乐意与您联系。 INFLOW 2023 年电子商务购物车和结帐页面设计的最佳实践在我们提出建议之前，请记住这一点：转化率优化不是一门精确的科学 - 也就是说，适用于一个网站的方法并不一定适用于另一个网站 。 在开始在网站上实施所有这些购物车和结帐优化之前，请创建一个测试计划。 首先选择一种策略，在您的网站上进行尝试，并在对电子商务结帐流程或购物车页面设计进行更多更改之前得出结论。

这样，您就可以更好地准确识别哪些内容能够（以及哪些内容不能）为您的客户带来推动力。 立即下载我们完整的 2023 年最佳研究报告，制定全面的测试计划。 下载我们的 2023 年最佳报告。 标志：流入。 吸引。 转变。 生长。 5 购物车页面设计最佳实践 让用户留在产品页面上。 显示购物车中的产品属性。 添加虚拟“糖果架”。 在购物车中显示最终定价。 允许客户保存以供日后使用。 1. 在“添加到购物车”后让用户留在产品页面上。 100% 是的。 0% 数量 在用户添加到购物 英国电话号码清单 车后将用户保留在产品页面的一流网站的百分比。 自我们在 2018 年的研究中首次发现以来，将客户保留在产品页面上（而不是将他们带到单独的购物车页面）一直是电子商务网站的主导趋势。 抢先将客户引导至购物车页面可能会缩短他们的浏览体验，这对您的 AOV 特别有害。 我们的经验法则：如果您的电子商务网站平均每个订单有超过 1.6 个产品，请将客户保留在其初始产品页面上 - 以鼓励他们继续购物并添加到购物车。 可以使用三种标准样式来执行此操作： 1. 下拉包，如 Chewy 中的示例所示：桌面产品页面。 突出显示的是购物车，它从屏幕的右上角掉落。



灯箱式弹出层，如百思买的示例所示：桌面添加到购物车设计，弹出框出现在产品页面上，背景褪色。 正如您所看到的，像百思买这样的弹出层可以提供额外的交叉销售和追加销售机会，这使其成为我们客户更受欢迎的选择。 3. 滑入式包，如 Backcountry 示例所示 产品页面，添加到购物车功能。 购物车模块从屏幕右侧滑入，显示添加到购物车的产品。 产品页面背景褪色。 2. 显示购物车中的产品属性。 100% 是的。 0% 数量 在购物车中显示产品属性的一流网站的百分比。 当您的类似产品可能在一项或多项属性上有所不同时，我们建议在客户的购物车中显示这些属性（面料、饰面、尺寸等）以及产品名称和图片。 这可以确保用户选择了正确的产品，消除了潜在的购买障碍，并减少了客户服务部门的“错误商品”退货。 购物车中商品的两张屏幕截图。 在顶部标题为“产品标题中的详细信息”的屏幕截图中，产品标题为“全包不锈钢户外煎锅”。 在底部屏幕截图中，产品描述中标题为“详细信息”，该产品是凉鞋。 下面有两行：颜色：自然色和尺寸：7.5。 3. 添加虚拟“糖果架”。 80% 是的。 20% 购物车中至少使用一个交叉销售模块的同类最佳网站的百分比。 正如实体店利用收银台展示糖果和杂志等最后一刻购买的商品一样，您可以使用购物车页面设计向在线购物者追加销售其他商品。购物车页面。 突出显示：根据您最近的浏览，添加到购物车的产品。 这不仅仅是向客户展示任何旧产品。