调至内容部分
创建账户或登录
Stripe 文档徽标
/
询问人工智能
创建账户登录
开始
付款
销售收入
平台和交易市场
资金管理
开发人员资源
API 和 SDK帮助
概览
关于 Stripe 支付
升级您的集成
支付分析
线上付款
概览查找您的用例Use Managed Payments
使用 Payment Link
Use a prebuilt checkout page
Build a custom integration with Elements
构建应用内集成
    概览
    支付表单
    Payment Element
      接受应用内支付
      自定义外观样式
      添加自定义支付方式
      筛选银行卡品牌
    Address Element
    应用内购买外部链接
    在设置中管理支付方式
    迁移到 Confirmation Token
    美国和加拿大卡
线下支付
Terminal
支付方式
添加支付方式
管理支付方式
用 Link 更快结账
支付场景
处理多种货币
自定义支付流程
灵活收单
编排
超越支付功能
成立公司
加密货币
智能体商务 (Agentic Commerce)
Financial Connections
Climate
了解欺诈
Radar 欺诈保护
管理争议
验证身份
美国
简体中文
首页付款Build an in-app integration

Payment Element

将支付方式直接嵌入到您的应用程序中。

Payment Element 是一个可自定义的嵌入式组件,能够在应用程序的任何屏幕上嵌入支付方式列表。当客户从列表中选择支付方式时,其下方会弹出一个表单来收集支付详情。您可以自定义它以匹配您应用程序的外观和风格。应用程序内 Payment Element 可在我们的 iOS、Android 和 React Native SDK 中使用。开始使用前,请参阅我们的接受应用内支付指南。

美国销售数字商品的应用程序

美国销售数字商品的安卓应用程序,现在可使用the Payment Element在应用内处理付款。如果您在 iOS 上销售数字商品,请参阅《应用内销售数字商品和订阅服务》一文,了解如何使用 Stripe Checkout 功能实现从应用到网页的流程。

Payment Element 集成示例

Payment Element 集成示例

使用 Payment Element,您可以:

  • 可访问 100 多种全球支付方式:其中包括 Apple Pay、Link 和其他自动启用的流行支付方式。

  • 动态支付方式:动态排序、显示支付方式,并针对新支付方式启动 A/B 测试。

  • 用户界面定制,以匹配您的应用程序:使用户界面与您的应用程序设计相匹配。布局保持一致,但可以修改颜色、字体等。

  • 地址收集:使用任何支付方式收集全部或部分账单地址。

  • 已保存的支付方式:保存、重复使用和管理银行卡和银行账户。您还可以在没有初始付款的情况下,存储客户的支付信息。

版面配置

在单选按钮、复选标记或浮动按钮间选择。

Payment Element 布局选项

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

外观

使用 Appearance API 自定义 Payment Element 的外观和风格,与您的应用程序相匹配。Appearance API 可以调整字体、颜色、边框、阴影等。

Payment Element 外观自定义

Payment Element 不同样式设置方式示例

支付方式

Payment Element 支持在 Stripe 覆盖的所有国家/地区使用 100 多种支付方式。您可以通过 Stripe 管理平台或自定义支付方式启用支付方式。

支付方式提供商经常变更信息收集和显示要求。如果您使用 Payment Element 显示支付方式,Stripe 通过预构建的本地表单收集所有支付信息,并向各支付方式提供商更新表单的最新状态。

Payment Element 支付方式

Payment Element 中的 P24 和 SEPA 借记示例

钱包

Payment Element 支持各种常用钱包,例如 Apple Pay 和 Stripe Link。Payment Element 直接内嵌钱包,作为支付方式选项。

Payment Element 钱包

Payment Element 中的 Link 示例

已保存的支付方式

Payment Element 能够保存、显示、管理已保存的支付方式,并会自动收集同意书,确保全球合规。

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

CustomerSessions API 可对以下内容提供额外控制:

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

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

收集地址详情

无论客户选择哪种支付方式,您都可以使用 Payment Element 收集更多支付信息,例如姓名、邮箱、电话号码、账单地址等。

Payment Element 地址信息收集

显示收集的完整账单信息示例

其他功能

Payment Element 还包含以下功能:

  • CVC 重新收集:当用户使用已保存的支付方式支付时,配置是否需要重新收集 CVC。
  • 银行卡品牌筛选:配置您接受的银行卡品牌。
此页面的内容有帮助吗?
是否
  • 需要帮助?联系支持。
  • 查看我们的更改日志。
  • 有问题?联系销售。
  • LLM? Read llms.txt.
  • Powered by Markdoc