结账页面 UI 和 UX 最佳支付转化率最佳实践

许多电子商务所有者专注于优化他们的整体网站和在线商店设计，而忽视了他们的结账页面。 优化您的结账 UI 并改善结账体验将导致更少的卡放弃和增加销售额。

放弃购物车要花多少钱？

根据 Baymard Institute 的数据，平均记录在案的在线购物车放弃率高达 69.89%。 这个数字是通过对 40 项关于购物车放弃的不同研究的平均值得出的，其中一些研究的平均购物车放弃率高达 81% 以上！

根据 Baymard 的说法，以下是消费者放弃在线购物车的 10 大原因：

• 60%——额外成本（如运费或税费）太高。
• 37% – 该网站需要注册一个帐户。
• 28% – 结账体验太长或太复杂。
• 23%——用户无法预先计算总成本。
• 20% – 网站崩溃或有错误。
• 19% – 用户不信任该网站的信用卡信息。
• 18%——交付速度太慢。
• 11%——没有好的退货政策。
• 8%——没有足够的支付方式。
• 4%——信用卡被拒绝。

在本文中，我们将重点讨论如何解决这 10 个问题，以便更多消费者坚持购买。 我们还将介绍有关如何优化结帐流程以增加销售额的其他提示。

您可以从改进结帐页面 UI 和 UX 中获得什么？

据 Baymard 称，统计数据显示，通过优化结账体验，您可以将转化率提高 35% 以上。 这将有助于您的底线，并使您能够对您的业务进行更多投资并以更快的速度发展。

美国和欧盟可收回的电子商务总销售额的 35% 转化为 2600 亿美元——这可不是一个小数目！

以下是有关如何改进结帐 UI 和 UX 的 22 条提示。 这些提示分为四大类：

• 改进实际的结账和购买流程
• 增加用户信任
• 改进网站和结帐页面设计
• 使用经过验证的营销技术获得更多转化

如果您发现自己在上述 10 大购物车遗弃原因方面落后了，请先集中精力解决这些问题。

改进结帐页面用户体验

以下提示将侧重于改进您网站上的结账用户体验。

1. 提前了解总成本

对于在线购物者来说，没有什么比找到他们认为可以负担得起的优质产品更令人沮丧的了，但当他们被要求结账并被要求输入付款信息时，却被额外的费用、税费或运费所打击。

通过查看酒店预订网站，可以看到一个不该做什么的例子。 根据 MoneySavingExpert 的一项调查，当用户搜索房源时，某些网站有时会显示每家酒店在税费和附加费之前的价格。 用户只有在点击预订按钮后才能了解这些额外费用。

没有被告知最终价格使消费者难以选择他们想要购买的产品（例如，哪些酒店实际上是最便宜的）。

然而，这还不是最糟糕的问题——许多消费者可能会因额外的结账付款而推迟，并在未付款的情况下离开您的网站。

因此，请确保在用户将产品添加到购物车之前，清楚地显示和指示产品的任何税费或运费。

此外，当用户被要求完成结账付款时，他们应该看到每个产品的单独成本以及他们购物车中所有产品的总成本是多少（同样，包括税费和运费）。

2. 让用户以访客身份结账

不要强迫用户在结帐之前注册和创建帐户。 访问者可能会匆忙而没有心情创建帐户，这通常涉及花时间填写几张表格，检查他们的电子邮件以获取验证链接或代码，然后有时会再次登录。

即使您确实想鼓励用户注册帐户，您仍应包含以访客身份结帐的选项。

更好的是，在他们已经结帐并完成购买后向他们提供注册选项。 届时，您可以向他们展示注册的好处，例如能够跟踪他们的订单。

3. 保持简单和快速

冗长的结帐流程会增加您的购物车放弃率。 您希望尽可能简化结帐流程。

不要在结帐页面上包含让用户填写的不必要的字段。 这包括您并不真正需要的信息（例如他们的家庭电话号码）。

如果您的业务性质要求您存储某些信息，例如用户的电话号码或社会安全号码，请考虑简要说明您为何需要该信息以及您将如何处理这些信息。

请记住，小型企业、音乐家、艺术家等可以轻松地将他们的网站放在一起，因为它不涉及太多复杂的问题，但在线商店需要设计良好、流畅、快速、性能良好的网站构建器，可以实现最终无故障地结束交易。

4. 支持多种支付方式

提供多种付款方式将使您的许多客户更容易向您汇款。 不要将付款方式限制为信用卡和借记卡； 至少，包括 Paypal 作为更快的付款方式。

随着您获得更多客户，请考虑加入高级支付方式，例如 Stripe、Apple Pay、Skrill、Google Pay、Square 和 Payoneer。 您甚至可以接受比特币或其他加密货币。 获得支持多种支付方式的良好支付处理服务。

根据您的产品价格，您还可以为客户提供分期付款计划，让他们在几个月内支付小额预付款。

此外，让客户可以选择保存付款方式以备将来购买。 这将使以后的检查变得更快、更容易。 您还可以让他们选择使用一键购买按钮立即从您的商店购买商品（亚马逊就是这样做的）。

如果您支持此选项，请确保在错误单击按钮时可以轻松取消订单。

5. 更新您的运输选项

更好的运输选项将带来更多的转化。 例如，在此信息图中，您可以看到免运费对消费者购买决策的重大影响。 这里有一些有趣的点：

• 十分之九的消费者表示免费送货是他们在线购物的第一动力
• 如果他们必须支付额外的运费，61% 的消费者在某种程度上可能不会完成购买
• 58% 的消费者会将额外的产品添加到他们的购物车中以获得免费送货的资格

你应该对最后一个特别感兴趣。 即使您负担不起为所有产品提供免费送货服务，通过最低购买量提供免费送货服务仍然可以获得很多好处。 这实际上会鼓励消费者购买额外的产品。

另一个想法是提供免费送货，作为忠诚度或奖励会员计划的一部分。 31% 的消费者表示他们将加入忠诚度计划以获得免费送货的资格。

6. 轻松更改订单

使客户可以轻松地更改他们的购物车。 例如，他们应该能够轻松地修改他们订购的每件商品的数量或从他们的购物车中删除商品。

您还应该有“保存以备后用”选项或让客户将产品添加到愿望清单。 还应该有一个“继续购物”选项，以便客户可以回去购买其他产品。 这样做不应删除他们的任何数据。

以下提示将重点介绍如何增加信任度，以便用户放心向您购买。

7. 有良好的退货政策或保证

包括 100% 的客户满意度保证将增加对您服务的信任。 如果您可以向您的客户保证，如果他们不满意，他们可以拿回他们的钱，他们将更有可能采取行动并花钱。

实际保证将取决于您销售的产品类型。 如果是数字产品，例如会员资格，您可以在特定时间之前取消会员资格以获得全额退款。

对于实物产品，有良好的退货政策。 通过在单独的页面上包含有关如何退货的明确说明，让客户可以轻松退货。

您可以在退款中包含退货运费，或者收取少量的进货费来支付与退货相关的费用。 较大的公司可以与运输公司达成交易，通过允许客户打印自动生成的运输标签来提供免费退货。

对于会员制产品，提供免费试用可能是值得的。 您是否需要信用卡信息来注册试用会员将取决于您提供的服务类型； 确保测试不同的选项。

8. 制定隐私政策

在结帐时包含指向您的隐私政策的链接。 使其简单易读。 知道您有隐私政策并且他们的数据是安全的会增加客户对您的信任。

9. 保持安全

通过 HTTPS 保护您的结帐页面非常重要。 确保您的网站安装了 SSL 证书，如果不是在所有页面上，那么至少在结帐时。

即使您有一个安全的嵌入式付款表格，您仍然希望在浏览器栏中显示绿色锁形图标。 这些小事情会影响访问者对您的直觉。

10.包括图标和徽章

在您的结帐页面上包含安全徽章和付款图标将对您的转化率产生积极影响。

付款图标包括您接受的付款方式的小标志。 示例包括 Paypal、Mastercard、Visa 和 Discover 徽标。 许多付款处理服务自动将这些包含在付款表格中。

确保您的客户在交出他们的付款信息时感到安全也很重要。

19% 的放弃购物车的人表示，他们这样做的原因是因为他们认为自己的信用卡信息不安全，如上所述。

根据 Baymard Institute 的说法，任何形式的视觉印记都会增加信任度。 这甚至包括您自己创建的印章，例如通用的“安全结账”或“满意保证”印章。

这是因为用户在确定交出个人信息是否安全时依赖于他们的直觉。

这种本能不一定是经过计算的； 相反，它受到视觉提示的影响，例如专业外观的网站、HTTPS 证书和安全销售。

可信度统计

然而，某些印章被认为比其他印章更值得信赖。 Baymard Institute 进行了一项研究，调查参与者被授予某些印章，并被要求选择最值得信赖的印章。

以下是他们发现的结果，按可信度级别排列：

• 诺顿 (40.9%)
• 谷歌可信商店 (22.5%)
• BBB 认证企业（14.4 美元）
• TRUSTe 认证隐私 (10.9%)
• 表明 SSL 站点安全的假印章，不属于任何组织 (6.1%)
• 由 Thawte 担保 (1/9%)
• GeoTrust 安全 (1/9%)
• Comodo 安全 1.5%)

Baymard 的研究还发现，支付表单中的简单错误或其他小调整（例如用纯色背景封装信用卡字段或在字段旁边包含安全锁图标）也会对网站的可信度产生影响。

当然，您不能只是随意地将第三方验证徽章添加到您的网站，而实际上没有资格获得它们并获得验证（尽管没有什么可以阻止您制作自己的徽章，这也会有所帮助）。

值得投资获得某些安全印章的验证，例如 Norton、BBB Accredited、McAfee、Google Trusted Store 或任何其他知名印章。

11. 包括评级或评论

88% 的消费者信任在线评论和来自朋友或家人的个人推荐一样多。 如果您没有利用在线评论和评分来提高销售额，那么您就错了。

以下是一些额外的统计数据，它们突出了在线评论和评分的重要性：

1. 只有 57% 的消费者会使用具有三星级评级的企业
2. 另一方面，94% 的消费者会使用具有四星级评级的企业。 这说明单星评分提升的重要性
3. 88% 的消费者通过阅读多达 10 条评论来形成对企业的看法

确保在您的在线商店的描述旁边包含对产品的评论。 鼓励客户在购买商品后通过向他们发送自动电子邮件来留下这些评论。

您也可以从制造商的网站上提取评论。

在结帐页面上，测试在每个产品旁边显示平均星级评分。 这可以作为最后的鼓励措施，说服消费者实际购买产品。

12. 提供很棒的支持

良好的客户服务对于建立信任至关重要。 您希望您的客户觉得如果他们对他们的购买不满意，他们可以求助于某个地方。

一个很好的例子是在您的网站上提供实时聊天支持。 您可以在底部角落设置一个小型聊天机器人或弹出窗口，让客户可以轻松联系您的支持团队，解答他们对您的产品的任何疑问。

此外，很多时候，客户不确定产品是否适合他们的需求，并且没有时间进行广泛的互联网研究来弄清楚这一点。

能够快速提出问题并得到快速答复有助于促使他们进行购买。

13. 让你的品牌保持一致

您的访问者在结账时不应该觉得他们被带到了不同的网站。 首先要确保您的结帐页面与您网站的其余部分托管在相同的实际域名上。

此外，您的结账页面设计的品牌应该与您网站的其他部分保持一致。 例如，保持配色方案相同，并确保您的徽标在结账时显示在某处，例如在标题中。

用户界面和结账设计技巧

以下提示侧重于改进您的实际网站设计以实现更好的转换。

14. 加快速度

如果您的结帐页面加载时间过长或处理付款时间过长，一些访问者可能会感到沮丧并离开。

通过切换到更好的托管服务提供商或注册更好的托管计划来加速您的网站。 使用快速高效的可信支付处理系统。

15. 对移动设备友好

某些页面和付款表单在桌面设备上看起来很棒，但它们并未针对手机和平板电脑进行优化。 确保您的结帐页面设计具有移动响应性。

您可能希望减少移动版结帐中包含的表格数量，因为当您无法使用键盘和/或匆忙时填写表格会更加困难。

16. 保持井井有条

保持您的结帐 UI 井井有条。 您可以使用网格以行或列的形式组织产品信息。 包括产品名称、产品图片、定价、评级、运输时间和订单数量等信息，并清晰地组织所有信息。

17.减少混乱

保持您的结帐页面简单明了。 不要用太多号召性用语（例如电子邮件时事通讯注册表单）弄乱它； 一个购买按钮就足够了。 当然，您应该始终包含一些内容，例如产品图片和最终价格。

提高转化率的营销技巧

这些技巧侧重于如何使用更好的营销技巧来获得更多转化。

18. 提供页面促销代码和折扣

折扣和促销代码是购买的巨大诱因。 如果产品通常以更高的价格出售并且当前以折扣价出售，您应该在结账时注明该信息。

促销代码也是如此。 拥有定期或季节性促销代码并在您的结帐页面上指明可用的当前促销代码可能会提高您的转化率。

测试您在不同产品上提供的促销代码，看看它如何影响您的转化率和整体利润。

19. 就业紧迫性

限时折扣或促销代码可用于增加紧迫性并鼓励客户完成购买。 例如，突出显示折扣价、免费送货或促销代码何时到期可以提高您的转化率。

另一种增加紧迫感的方法是显示产品的库存量。 亚马逊和 eBay 一直这样做——如果库存中只剩下几件商品，他们会告诉你快点购买。

另一种增加紧迫性的方法是指出当前有多少人正在查看某个项目或将其添加到他们的观察列表中。

20. 向上销售、交叉销售和向下销售

您可以通过向客户推荐他们可能感兴趣的不同产品，向他们交叉销售或追加销售来增加销售额。“相关项目”小部件对此很有用。

但是，如前所述，您不希望结账时有太多的促销、号召性用语和信息。

一个更好的主意是在您的客户已经结帐并完成所有必要的结帐付款后向他们追加销售。

例如，这可以在购买确认页面上完成，甚至可以在您应该巧妙起草的电子邮件中完成。 但是，它不必在结帐页面上。 在结账前测试交叉销售，当用户仍在您的网站上购物时，看看对转换的影响。

一个很好的例子是亚马逊如何展示“通常一起购买”的商品，以鼓励客户将产品添加到他们的购物车中。

除了向上销售和交叉销售，您还可以向下销售。 换句话说，如果客户拒绝追加销售，您可以继续向他们提供他们可能感兴趣的更便宜的产品。

21.使用退出意图弹出窗口

结账时的退出意图弹出窗口可能有助于带回一些在没有完成购买的情况下退出您的网站的客户。

当检测到用户将鼠标移向浏览器上的“X”按钮时，就会触发这些弹出窗口。

在弹出窗口中，您可以向他们提供他们可以使用的特殊促销代码。 对购买产品持观望态度的消费者如果可以获得特别折扣或奖金，可能会重新考虑他们离开的决定。

22. 发送跟进电子邮件

在结帐过程中，收集客人或新用户的电子邮件应该是您的第一步。 这样，即使他们最终没有完成购买，您也可以向他们发送后续电子邮件，提醒他们有关废弃购物车的信息。

很多时候，人们只是匆忙而没有时间搜索他们的信用卡并输入他们的数字。

在其他时候，他们可能不确定是否要花钱。 通过温和地提醒他们未购买的产品（并可能为他们提供折扣），您将能够将其中的许多产品带回来。

结帐页面最佳实践 – 总结

优化您的结账页面用户体验应该是您的首要任务之一。 如前所述，您可以将转化率提高 35% 以上。 无论您的业务规模如何，使用上述提示都将帮助您增加销售额、收入和利润。