Shopify独立站于发表在 Shopify教程。
告别流失,锁定成交:优化Shopify独立站结账页,让流量完美变现
对于Shopify独立站卖家而言,最令人心痛的瞬间,莫过于看着流量涌入,客户将商品加入购物车,却在付款前一刻选择放弃。高达70%的平均购物车放弃率,意味着大量真金白银在最后一步流失。
这最后一步,就是你的结账页面。它不再只是一个简单的交易处理台,而是决定访客成为客户还是流失数据的终极转化战场。优化结账页面,是 Shopify 独立站从“有流量”到“有销量”最关键,也最容易被忽视的一环。
什么是结账页面?
结账页面是客户在电商网站上完成交易的地方。在这里,购物者可以查看已添加到购物车的商品、确认数量、选择配送方式并指定付款方式。结账页面也是消费者输入信息的地方,商家在此收集账单地址和收货地址等信息,以完成购买并启动配送履约流程。
结账页面是在线购买流程的最后一步——客户旅程的终点。任何结账页面的目标都是提供无缝、用户友好的体验,减少障碍并降低购物车放弃率。
结账页面应该是什么样的?
结账页面应该创造无摩擦的体验,引导客户完成从加入购物车到购买的流程。一般来说,现代结账页面应该包含以下要素:
- 清晰的订单摘要:客户应该能够查看购物车内容,包括产品详情、数量和单价。
- 精简的表单字段:只询问完成购买所需的基本信息。通常包括收货地址、账单地址(如果不同)和付款详情。
- 多种付款选项:提供多样化的付款方式,满足不同客户的偏好。
- 安全保障和信任标识:包含安全徽章、SSL证书和客户评价,建立信任,并让客户放心其个人和付款信息的安全性。
- 配送选项和费用:在结账流程早期,清楚显示配送方式、费用和预计送达日期。
- 清晰的行动号召(CTA)按钮:使用醒目、易于找到的按钮引导关键操作,例如前往结账或下单,引导用户完成流程。
在Shopify,我们致力于打造卓越的结账体验——在转化率方面,我们目前的结账系统平均超越竞争对手15%。
单页结账与多页结账
结账页面可以构建为单页(或一键)解决方案,也可以是分布在多个页面上的分步流程。两者之间的选择取决于多种因素,包括购买流程的复杂性、目标受众和你的目标。以下是单页结账和多页结账的区别:
- 单页结账:单页结账通过将所有必需要素包含在单个页面上来加速流程,包括购物车内容、付款详情、联系信息、账单和收货地址以及配送选项。单页结账速度快,但如果设计不当或用户习惯多页体验,可能会造成困惑。
- 多页结账:多页结账将整个结账流程分为不同的步骤和页面。为了完成购买流程,客户必须浏览所有页面输入信息,并选择“购买”。多页结账时间较长,但可以让你检查客户在购买流程中的离开位置。
七个优秀结账页面示例
1. Gunner Kennels
狗笼品牌Gunner Kennels使用最少的表单字段,只收集必要信息。
地址字段使用谷歌的自动完成地址表单,这意味着,当客户输入街道地址时,城市、州和邮政编码字段会自动填充。可选信息(例如电话号码)附带信息框,解释为什么你可能想要添加它。

2. Tentree
Tentree的结账页面将智能购物与拯救地球完美结合。你可以轻松查看订单详情,但最棒的是?你可以在购买时直接种植树木,这与Tentree的环保使命直接契合,让客户参与可持续发展努力。此外,他们还提供订单保护,显示他们对你的订单和树木同样关心。这是有良知的在线购物——做得恰到好处。

3. Bubs Naturals
安全徽章(例如付款徽章和SSL证书)可以让客户放心,他们的个人和付款信息是安全的。
Bubs Naturals提供了建立客户信任信号的最佳结账页面案例之一。这家维生素和补充剂商店,在结账页面使用产品评价、安全付款方式和100%满意承诺。
这些信任标识解决了客户的关键担忧,让他们放心付款安全、购买的是优质产品,如果对产品不满意,可以退款。

4. Nanoleaf
Nanoleaf的结账页面清楚显示购物车中的商品,包括数量和价格,方便客户查看订单。
它还接受多种付款方式,包括主要信用卡(Visa、万事达卡、Discover、美国运通)、数字钱包(Apple Pay、Google Pay)以及PayPal、Klarna和crypto.com等其他热门选项。只需将鼠标悬停在“我们接受”文本上,购物者就可以选择最适合他们的选项。

Nanoleaf还在结账页面包含增值功能。清楚显示的9.99美元(约70元人民币)配送费,以及两年保修和学生折扣,这可以增加客户信心,并吸引特定人群。
5. ColourPop

化妆品品牌ColourPop,使用Shopify结账在单个屏幕上显示所有相关费用和配送费,然后将客户引导到付款页面。
如果用户有Shop Pay账户,所有信息已经加载在结账页面上,他们可以立即轻松付款。
6. Ketnipz
在Ketnipz商品店,用户可以选择作为访客结账或回头客户结账。访客有标准的结账流程,而品牌的回头粉丝可以登录快速结账。

7. Kith

Kith的结账页面在效率和以客户为中心的设计之间取得平衡。它通过清晰的配送和付款选项,简化购买流程,同时通过透明定价和安全措施建立信任。
通过提供Shop Cash奖励和Shop Pay分期付款计划等激励措施,Kith满足不同客户的需求并增加订单价值。这些元素共同创造了用户友好的结账流程,满足不同客户的偏好。
基于Shopify——全球转化率第一的结账平台的洞察,了解高性能结账的必要元素。
优化结账页面的最佳实践
根据Baymard Institute收集的数据,电商购物车的平均放弃率接近70%。购物车放弃因隐藏费用、复杂结账流程和缺乏付款选项等因素而有所不同。
要减少购物车放弃率,首先要遵循这些优化结账页面的最佳实践。
1. 保持结账流程简单易用
你的整个结账流程应该快速简单,干扰最少且没有不必要的步骤。为此,只包含完成购买所需信息的表单字段。其他字段可以是可选的或完全删除。
Shop Pay通过安全存储客户的付款和配送信息,进一步简化了这个流程,允许在未来购买时一键结账。
2. 让导航简单直观
结账文案引导用户完成流程,应该简短、切中要点且具有描述性。包含面包屑导航来指示进度,例如:
- 步骤1:配送信息
- 步骤2:付款
如果你使用多页结账,进度条有助于向消费者显示,他们在结账旅程中的位置并鼓励他们继续。
提供清晰的行动号召,使用醒目的按钮(例如前往结账或下单),帮助引导用户完成流程。
3. 融入信任信号
买家需要信任你的电商网站。根据PYMNTS的调查,92%的客户对使用信任标识的结账体验极其满意。社会认同和安全徽章,是发送信任信号的两种方式。
退款保证有助于在客户中建立信心和信任。产品的星级评分和客户评价,在结账时给用户对所购买产品或服务的信心。收集和显示评价的Shopify应用包括Product Reviews、Judge.me和Loox。
4. 提供多种付款选项
买家希望在线支付产品和服务时,有多种选择。42%的美国消费者表示,如果没有他们喜欢的付款选项,他们会放弃购买。
提供多种付款方式,例如信用卡和借记卡、快速结账方式(PayPal、Shop Pay或Apple Pay)、数字钱包和先买后付选项,以满足不同客户的偏好。
选择付款提供商时,考虑你开展业务的国家和客户居住地。我们的付款网关列表提供目标国家的可用付款方式和支持货币的信息。
5. 允许客户查看订单
通过在结账流程早期提供订单总费用和预计配送日期,你让客户评估订单是否符合预算并能按时到达。
根据普华永道的研究,29%的购物者在购买前访问网站,以比较不同商店的购买总费用。这意味着,他们需要在购买流程早期看到交易总费用,以帮助做出决定。
在购物车或结账页面中,显示订单总费用和预计配送时间,包括商品价格、税费、配送费用和选项以及促销代码。通过在结账的每个步骤显示总费用,确保透明度。如果购物车小计不包括配送费,请明确说明。消费者应该在输入付款信息前,预先了解所有价格。
6. 提供访客结账功能
允许客户在你的商店创建账户,可以为未来的购买简化结账流程。然而,并非所有用户都愿意花额外时间创建账户,特别是如果他们不打算再次在你的商店购物。
根据PYMNTS的报告,12%的在线购物者认为,创建账户是在线购物的主要痛点。
给用户提供访客结账的选项,提供了两全其美的解决方案。回头客可以使用账户凭据快速结账,而偶尔或一次性购物者可以作为访客完成流程。
7. 测试和迭代
创建结账的多个草稿配置,允许你在不影响实时商店的情况下,试验不同布局、功能和应用集成。使用结账和账户编辑器中的预览功能,来查看这些更改在各种设备上对客户的显示效果。
实施A/B测试,来比较不同版本并收集哪个版本表现更好的数据。定期分析你的结账数据、客户反馈和放弃率,以识别改进领域,不要害怕进行迭代更改,才能持续优化体验。
8. 为高流量期做准备
季节性销售或黑色星期五网络星期一等高流量期,可能对你的结账流程造成重大压力。在这些活动之前,创建和测试专门用于处理增加流量和销售量的结账配置。这可能包括简化结账流程、确保服务器容量能够处理负载,以及测试付款网关处理大量交易的能力。
使用结账和账户编辑器,以设置这些配置,并在模拟的高流量条件下进行彻底测试,以在影响真实客户之前识别和解决任何潜在问题。
9. 使用高级功能
对于使用Shopify Plus套餐的企业,Checkout Extensibility和Checkout Branding API等高级定制选项,提供对结账流程的更多控制。
- Checkout Extensibility:允许你构建自定义的用户界面组件,并创建针对特定业务需求的独特结账流程。
- Checkout Branding API:允许程序化的结账样式定制,让你根据各种因素,动态调整外观和感觉。
这些高级功能可用于创建高度个性化的结账体验、实施复杂的业务逻辑或与其他系统深度集成。
设计结账页面时要避免的三个常见错误
1. 询问不必要的信息
要求客户提供超出必要信息的内容,可能导致摩擦增加和不满。额外信息应该是可选的,例如调查问题或人口统计信息。
2. 将配送和税费信息隐藏到最后一步
将费用隐藏到最后一步,可能导致客户怨恨和销售损失。根据Coresight Research的报告,额外费用是客户放弃在线购物车的最大原因。
预先清楚披露所有费用,消除结账期间的意外收费,防止最后一刻才出现的费用和配送成本。
3. 忽视移动设备优化
如果你的在线商店和结账页面不是响应式和移动优化的,你就错过了在线购物市场的重要部分。消费者对移动设备购物的日益依赖,显示了为移动网站和应用程序开发用户友好且美观的结账体验的必要性。
结账页面常见问题
什么是购物车放弃率,如何通过结账页面降低购物车放弃率?
购物车放弃率是指在电商网站上未完成交易的用户相对于发起交易总数的百分比。最佳的结账页面通过以下方式降低购物车放弃率:
- 提供流畅高效的体验
- 保持流程简单
- 与用户建立信任
- 提供多种付款选项
- 提供访客结账选项
- 确保流程对移动设备友好
应该提供访客结账,还是要求客户创建账户?
最好选择访客结账和创建账户的选项。这确保一次性购物者获得快速高效的结账,而回头客可以跳过表单字段来加快购买。
如何让结账页面对移动设备友好?
通过以下方式,让你的结账页面对移动设备友好:
- 减少页面、步骤和表单字段的数量
- 在整个流程中突出显示总定价
- 消除弹窗
- 使用大图像和文本
- 使用按钮,而不是链接
结账页面有哪些类型?
结账页面有两种类型:单页结账和多页结账。单页结账将交易流程的所有步骤包含在单个页面上,而多页结账将其分布在多个阶段。