移动端 Payment Element

Mobile Payment Element 是一个 UI 组件，用于在移动应用中构建结账流程。使用我们的 iOS、Android 和 React Native SDK 开始使用它进行构建。您可以设置所有 Elements 的样式以匹配应用的外观。

使用 Mobile Payment Element，您可以获得：

• 获取全球 100 多种支付方式这包含自动启用的 Apple Pay、Link 和其他常用的支付方式。
• 动态支付方式通过动态排序和显示支付方式来简化支付方式代码，并允许您针对新的支付方式启动 /B 测试。
• 自定义 UI 以匹配应用程序将 UI 与应用程序的设计相匹配。布局保持一致，但可以更改颜色、字体等。
• 地址收集使用任何支付方式收集全部或部分账单地址。
• 保存和显示银行卡和银行账户保存、复用和管理银行卡和银行账户。您还可以在不进行初始付款的情况下保存客户的付款详情。

集成选项

Mobile Payment Element 有两个主要的集成选项：

• **Payment Sheet：**可以在应用中的任何位置打开的预构建的表单。该表单显示支付方式列表，显示快速支付按钮，并包含确认按钮。
• **Embedded Element：**一个可自定义的插入式组件，可在您的应用程序的任何屏幕上嵌入支付方式列表。从列表中选择支付方式时，底部表单会收集付款详情。Private preview

Payment Sheet 和 Embedded Element 集成的对比。

布局

使用 Payment Sheet 时，将布局设置为 Stripe 的 .automatic，以优化支付方式布局。也可以选择 .vertical 或 horizontal 布局。

使用 Embedded Element 时，可在单选布局、复选标记布局或带有选定笔划的浮动按钮之间进行选择。

Payment Sheet 提供以下模式：水平、旋转和垂直。

Embedded Element 支持：单选按钮、复选标记和浮动按钮布局。

外观

使用 Appearance API 自定义 Mobile Payment Element 的外观，以匹配您的应用。使用 Appearance API，您可以控制字体、颜色、边框、阴影等。

Payment Sheet 支持以下模式的自定义样式：水平、轮播和垂直。

Embedded Element 支持自定义样式：单选按钮和浮动按钮布局。

支付方式

Mobile Payment Element 支持访问 Stripe 支持的所有国家/地区的 100 多种支付方式。您可以从 Stripe 管理平台中启用支付方式，也可以使用 External Payment Methods。

支付方式提供商通常会更改其收集和显示要求。当您使用 Mobile Payment Element 显示支付方式时，Stripe 会以预构建的本地化表单处理所有付款详情的收集，我们会与每个支付提供商保持这些信息的同步。

该 Payment Sheet 显示了银行卡表单和 Klarna 表单的示例。Embedded Element 显示了使用 P24 和 SEPA 借记的示例。

钱包

Mobile Payment Element 支持主流钱包，包括 Apple Pay 和 Stripe 的一键结账解决方案 Link。

• Payment Sheet 可以使用快速按钮显示钱包。
• Embedded Element 以内联方式显示钱包作为支付方式选项。

该 Payment Sheet 说明了对 Apple Pay 的原生支持。Embedded Element 说明了对 Link 的原生支持。

保存支付方式

Mobile Payment Element 内置支持保存、显示和管理已保存的支付方式。同意状态为自动处理，确保全球合规。

保存的支付方式支持银行卡、美国银行账户和 SEPA 借记账户。

CustomerSessions API 提供对以下内容的额外控制：

• 何时显示或隐藏保存同意框
• 何时显示或隐藏已保存的支付方式
• 允许买家移除已保存的支付方式
• 阻止买家删除上次保存的支付方式

示例：客户如何在 Payment Sheet 和 Embedded Element 中访问已保存的支付方式。

收集地址详情

您可以配置 Mobile Payment Element 来收集其他支付信息，包括姓名、电子邮件地址、电话和账单地址，无论使用哪种支付方式。

Payment Sheet 将显示启用了账单详情的卡表单。Embedded Element 显示启用了账单详情的 P24 表单。

其他功能

Mobile Payment Element 包含几个附加功能，包括：

• CVC 重新收集：配置用户使用保存的支付方式付款时是否需要重新收集 CVC。
• 银行卡品牌筛选：配置接受的银行卡品牌。: