调至内容部分
创建账户或登录
Stripe 文档徽标
/
询问人工智能
创建账户登录
开始
付款
销售收入
平台和交易市场
资金管理
开发人员资源
API 和 SDK帮助
概览收款升级您的集成
线上付款
概览查找您的用例
使用 Payment Link
使用预制结账页面
使用 Elements 构建自定义集成
构建应用内集成
    概览
    支付表单
    Payment Element
      接受应用内支付
      自定义外观样式
      添加自定义支付方式
      筛选银行卡品牌
    Address Element
    Payment Method Messaging Element
    应用内购买外部链接
    在设置中管理支付方式
    迁移到 Confirmation Token
    美国和加拿大卡
使用 Managed Payments经常性付款
线下支付
Terminal
支付方式
添加支付方式
管理支付方式
用 Link 更快结账
支付操作
分析
余额和结算时间
合规和安全
货币
拒付
争议
欺诈预防
Radar 欺诈保护
提现
收据退款与取消
高级集成
自定义支付流程
灵活收单
多处理商编排
超越支付功能
成立公司
加密货币
智能体商务 (Agentic Commerce)
Financial Connections
Climate
验证身份
美国
简体中文
首页付款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 测试。

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

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

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

Stripe App 内的 Elements 演示

使用 iOS 移动设备扫描此二维码,即可试用交互式 App Clip,以此演示 Stripe 应用程序内的 Elements。您可以在 App Clip 中生成不同的用户界面规范,对比哪种最适合您的用例。

Stripe 应用内支付展示二维码

版面配置

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

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