在“确保为客户提供最佳结账体验的 5 件事”中,我们讨论了使用 WooCommerce构建非凡结账页面的方法。今天,我们想看看一些利用这些结帐设计最佳实践的 WooCommerce 网站。
令人印象深刻的 WooCommerce 结帐页面设计
正如我们已经讨论过的,在您的 WordPress 网站上开发结帐体验时,便利性、速度和安全性都是必不可少的部分。想看看其他一些品牌如何 将 这些最佳实践用于自己的目的?继续阅读。
所有黑人商店
新西兰橄榄球迷已经熟悉这家销售All Blacks服装和装备的网上商店。那些粉丝可能没有注意到,而我们现在想引起您注意的是,这个结帐页面有多棒。它实际上只是一页!https://www.youtube.com/embed/ZQDzOdb9OUc?feature=oembed
结帐页面达到了为客户提供真正优质体验的所有要点:
- 一页结账
- 联系表格只询问需要什么
- 创建或登录帐户的选项(但不是必需的)
- 计费信息自动复制到运输字段
- 简单的订单审查小部件
- 三种公认的付款方式
总而言之,这里的重点是简单性,这应该使客户的检查变得轻而易举。
大寒
Big Chill在线电器商店是一种非常有趣的体验,它利用了客户的怀旧感。然而,结帐页面却散发出现代便利。https://www.youtube.com/embed/O-5bR-BN9Y8?feature=oembed
以下是我们希望引起您注意的一些便于转换的亮点:
- 顶部导航栏不见了。
- 而是包含面包屑,让客户知道需要做多少工作才能进行购买。
- 页面顶部已放置 SSL 证书印章以确保安全。
- 联系表格字段位于一条垂直线上,这使得填写它的过程很快。
- 所有内容都使用大字段和类型进行格式化,因此客户在阅读表单上的描述性标签时不会遇到问题。
- 这是WooCommerce 结账的一个很好的例子,它明智地利用了两个页面和两个步骤。它还从一开始就在设定客户期望方面做得非常出色。
鬼床
有这么多知名的床垫品牌(想想 Sealy、Serta、Tempur-Pedic),GhostBed很聪明,可以尽其所能在竞争中脱颖而出。除了拥有设计精美的 WordPress 网站外,WooCommerce 结帐页面还成功加快了购买过程。https://www.youtube.com/embed/yqLd1WSHVRg?feature=oembed
但这实际上并不是我们现在要关注的地方。是的,GhostBed 在简化结账方面做得很好。然而,他们在这里做出的最明智的设计选择是结账时包含的所有微妙的信任标记。例如:
- SSL 证书(您在地址栏中看到)
- 亚马逊结账选项(是否有更受信任的在线商店?)
- 左下角的 Google 评论小部件
- 关于他们是否可以向客户发送促销电子邮件的直接问题
- 所有定价、税费和运费都明确列出
- 支付提供商徽标
我们还认为,实时聊天是一个信任标志,因为它给客户一种额外的安全感,公司在那里,以防他们在结账时遇到问题。
纽林
Type foundry Newlyn的网站是极简主义设计的缩影,然而,他们在颜色选择、显示字体等方面所做的工作却非常引人注目。至于结帐,您将获得另一种令人印象深刻的体验:https://www.youtube.com/embed/1Wzd8dX1m6I?feature=oembed
尽管他们为结账页面选择了更柔和的颜色(这是减少干扰的明智选择),但有一些大胆的紫色品牌暗示,这是一种很好的触感,并没有完全切断网站的结账体验。
此外,就改善结账体验而言,回头客登录小部件是一个明智的选择。当然,Newlyn 为客户提供了以访客身份结账的选项,但他们也提供了其他方便的登录社交媒体登录选项。当方便和速度对于让客户完成转换至关重要时,这种设计可以很好地满足这些要求。
橙色放大器
虽然您实际上不能直接从Orange Amps网站购买放大器,但您可以在这里购买品牌商品以及支付音乐课程费用。https://www.youtube.com/embed/qKgi5M6_9S4?feature=oembed
以下是我们认为这是一个精心设计的结帐页面的一些原因:
- 客户可以选择以访客身份登录或填写表格。
- 在他们已经完成填写表格的工作之后会出现一个帐户创建请求(这是有道理的,因为那时只需创建一个密码来保存他们的信息)。
- 表单字段具有逻辑结构,易于使用标签。
- 如果与计费相同,则无需重新键入运输信息。
- 付款方式包括清晰可辨且值得信赖的徽标。
总体而言,此结帐页面在简化转换的最后一步方面做得很好。这也是选择将支付处理交给受信任的第三方(PayPal 或 Sage)的公司的一个很好的例子。如果您的网站是全新的,并且希望更容易地迫使客户为服务或产品付费,那么利用他们对已知支付提供商的信任将是明智之举。