How to customize the checkout experience with embedded payments: What you can and can’t control

Connect
Connect

无论是 Shopify,还是 DoorDash,众多世界上最成功的平台和交易市场都在使用 Stripe Connect,将支付功能嵌入到其产品之中。

了解更多 
  1. 导言
  2. 如何使用嵌入式支付自定义结账体验?
  3. 您可以使用嵌入式支付自定义哪些内容?
  4. 是什么造就了出色的支付体验?
  5. 为什么使用嵌入式支付自定义结账会有帮助?
  6. 高度自定义结账流程有哪些风险和权衡?
  7. 自定义嵌入式支付结账是否值得?
  8. Stripe Connect 如何提供帮助

在线购物的购物车弃单率超过 70%。简化结账是提高转化率的一种方法。嵌入式支付将结账流程置于您自己的产品内部,而不是将用户重定向到第三方页面,并且您可以自定义结账流程的视觉设计、错误消息、表单字段、顺序和支付后流程。

接下来,我们将介绍嵌入式支付自定义的运作机制、相关风险,以及如何判断哪些自定义值得进行。

要点

  • 使用嵌入式支付自定义结账可以为客户提供更好的支付体验。

  • 自定义显示的支付方式、结账元素的显示顺序以及显示条件,有可能大幅提高转化率。

  • 自定义程度越高,需要维护的内容就越多。当默认结账体验中存在特定的不足时,需要做出强有力的自定义决策。

如何使用嵌入式支付自定义结账体验?

您可以通过更改表单的外观、显示哪些字段、它们的显示顺序,以及在支付失败或成功后会发生什么,来使用嵌入式支付自定义结账体验。这可以简化客户的结账体验,并使其与您的整体品牌形象更加契合。

有几种方法可以实现这种自定义。可以从头开始构建自定义解决方案,但这样做可能会很耗时。使用像 Stripe 这样的成熟提供商来设置您的偏好,可以让您快速上手。

您可以使用嵌入式支付自定义哪些内容?

嵌入式方法让您可以控制结账的外观、显示哪些支付方式、展示哪些字段,以及在支付确认后会发生什么。

以下是您可以控制的具体内容:

  • 视觉样式:您可以设置排版、调色板等。

  • 支付方式显示:网页用户界面 (UI) 组件可根据货币、客户地点和交易金额动态显示相关的支付方式。

  • 表单字段:如果您想收集电话号码或自定义元数据,您可以添加这些字段并将其整合到布局中。

  • 支付后流程:确认后,由您来定义后续操作。您的支付服务商可以呈现其自己的成功状态,向用户确认流程已完成,或者您可以拦截确认事件并自行处理。

  • 本地化:您可以明确设置语言环境或让其继承浏览器的设置。字段标签、错误消息和支付方式描述都会自动本地化。

通过 Stripe 的 Elements Appearance API 等解决方案,更改会同时级联到所有嵌入式组件,因此您无需更改单个元素。

是什么造就了出色的支付体验?

速度和清晰度是区分优秀结账流程和导致客户放弃结账的重要因素。每增加一个字段或每一次页面跳转,都可能让客户产生疑虑。

以下是让客户拥有积极支付体验的要素:

  • 字段标签:这些标签需要描述期望填写的内容,而不仅仅是字段名称。“卡号”这种描述可以,但如果您的客户不常进行在线购物,用“输入卡正面的 16 位数字”效果会更好。

  • 错误消息:必须指出问题所在并给出解决建议。“无效卡号”不如“请检查您是否已输入全部 16 位数字”有用。

  • 支付方式展示:这需要与您的客户群相匹配。如果您的大多数用户在德国,则需要突出显示单一欧元支付区 (SEPA) 直接借记;如果是在巴西,则 Pix 很重要。向只认识一种支付方式的用户展示过多令人眼花缭乱的支付选项,可能会增加阻力。

  • 确认状态:状态必须明确无误。用户需要在离开您的网站之前知道支付已经成功。

为什么使用嵌入式支付自定义结账会有帮助?

结账是您产品的一部分,而您的产品具有通用结账无法融入的特定场景。自定义结账有助于提升客户结账信心,并使体验符合他们的预期。

以下是其在实践中的运作方式:

  • 软件即服务 (SaaS) 转化流程:如果您提供 14 天的试用期,那么客户决定付款的那一刻,就是两周互动的最终成果。在那一刻突然切换到视觉上不协调的通用结账页面,是一种用户体验 (UX) 的倒退。

  • 信任信号:在您的用户界面中停留了一段时间的客户已经根据您的设计语言调整了他们的期望。如果结账页面看起来属于另一个产品,可能会让客户怀疑他们是否误入了非预期的页面。

  • 品牌一致性:在整个购买流程中保持品牌一致性并非仅仅为了美观。它传递着一切正常、没有意外发生的信号。

  • 特定细分配置:向企业客户收取账单的 B2B 平台需要与消费者产品不同的字段和支付方式。有了嵌入式组件,这便只是配置问题。

高度自定义结账流程有哪些风险和权衡?

自定义会带来维护需求,而这可能产生风险。在您开始覆盖默认设置之前,有必要了解问题通常出现在哪里。

请注意以下几点:

  • 组件更新:当您发布组件更新或设计系统发生变化时,样式覆盖和行为配置可能会失效。服务商可以通过在变量级别保留覆盖来缓解这种情况,但针对特定组件状态的自定义规则,仍需要在每次更新组件结构时进行测试。

  • 支付方式抑制:为了保持结账界面整洁而降低某些支付方式的优先级,可能会降低偏好这些支付方式的用户的转化率。请确保您有数据支持将任何支付方式从视图中移除。

  • 本地化覆盖:设置固定的语言环境以匹配您的主要市场,意味着其他地区的客户会看到错误语言的标签和错误消息。除非您有特定理由需要覆盖,否则默认行为通常是正确的选择。

  • 全平台一致性:如果您运营的平台有多个商家通过您的产品进行结账,那么每一个自定义决策都会应用于所有商家。适合一种业务类型的设计可能会给另一种业务带来更糟糕的体验。需要向平台上的各个商家提供配置选项,而不是对每个商家进行硬编码。

自定义嵌入式支付结账是否值得?

自定义嵌入式支付是否值得取决于您要自定义的内容和原因。

具体而言:

  • 调整样式以匹配设计系统:这通常是值得的。通过 Stripe 的 Elements Appearance API,实施成本较低,维护负担可控,且用户体验收益显著。

  • 根据客户群配置支付方式:如果您有数据支持,这通常是值得的。例如,如果 80% 的用户位于某些支付方式占主导地位的市场,那么配置您的结账以反映这一点,可能会提高转化率并减少认知负荷。

  • 抑制字段以缩短表单长度:当这些字段确实多余时,这通常是值得的。如果您的平台已在流程前期收集了账单地址,将其从结账流程中移除是有益的。但如果您只是为了缩短表单而移除,却尚未收集该信息,则会造成数据缺失。

  • 深度自定义流程:如果您的产品具有足够具体的场景来证明其复杂性是合理的,这通常是值得的。高交易量的交易市场或服务企业客户的平台可能会受益。简单的订阅产品可能不会。

Stripe Connect 如何提供帮助

Stripe Connect 为软件平台和交易市场协调多方资金流动。它提供快速入驻、嵌入式组件、全球提现等功能。

Connect 可以帮助您:

  • 几周内上线:使用 Stripe 托管或嵌入式功能可加快上线速度,避免支付便利化通常所需的前期成本和开发时间。

  • 规模化管理支付:使用 Stripe 提供的工具和服务,您无需额外投入资源来处理利润报告、税表、风险管控、全球支付方式或入驻合规性。

  • 全球发展:助力您的用户通过本地化支付方式触达全球客户,并轻松计算销售税、增值税 (VAT) 与商品及服务税 (GST)。

  • 开拓新的收入来源:通过收取每笔交易的费用,优化支付收入。在您的平台上启用线下付款、即时提现、销售税收取、融资服务、支出管理卡等 Stripe 功能,实现盈利变现。

了解更多关于 Stripe Connect 的信息,或立即开始使用

本文中的内容仅供一般信息和教育目的,不应被解释为法律或税务建议。Stripe 不保证或担保文章中信息的准确性、完整性、充分性或时效性。您应该寻求在您的司法管辖区获得执业许可的合格律师或会计师的建议,以就您的特定情况提供建议。

更多文章

  • 出错了。请重试或联系支持人员。

准备好开始了?

创建账户即可开始收款,无需签署合同或填写银行信息。您也可以联系我们,为您的企业定制专属支付解决方案。
Connect

Connect

从拓展支付业务到实现盈利,只需数周而非数月。轻松起步,持续扩展,助力业务蓬勃发展。

Connect 文档

掌握多方交易中的资金分配与支付路由管理