# 支付表单

预构建的用户界面可以在表单中显示支付方式。

Payment Sheet 是一个预构建的用户界面，可在表单中显示支付方式，是我们在大多数应用程序中推荐的[接受付款](https://docs.stripe.com/payments/mobile/accept-payment.md)的方式。您可以根据应用程序的外观和风格自定义表单。可在我们的 [iOS](https://github.com/stripe/stripe-ios)、[Android](https://github.com/stripe/stripe-android)、[React Native](https://github.com/stripe/stripe-react-native) SDK 中使用可嵌入应用程序的 Payment Sheet。开始使用前，请查看我们的指南：[接受应用内支付](https://docs.stripe.com/payments/mobile/accept-payment.md)。

> #### 美国销售数字商品的应用程序
> 
> 美国销售数字商品的安卓应用程序，现在可使用the Payment Sheet在应用内处理付款。如果您在 iOS 上销售数字商品，请参阅[《应用内销售数字商品和订阅服务》](https://docs.stripe.com/mobile/digital-goods/checkout.md)一文，了解如何使用 Stripe Checkout 功能实现从应用到网页的流程。
![Payment Sheet 集成示例](https://b.stripecdn.com/docs-statics-srv/assets/payment-sheet.63467c074c4908983eb8fb0ce5250e5f.png)

Payment Sheet 集成示例

使用 Payment Sheet，您可以：

- [支持 100 多种全球支付方式](https://docs.stripe.com/payments/payment-methods/overview.md)：其中包括 Apple Pay、Link 和其他自动启用的流行支付方式。

- [动态支付方式](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md)：动态排序、显示支付方式，并针对新支付方式[启动 A/B 测试](https://docs.stripe.com/payments/a-b-testing.md)。

- [用户界面定制，以匹配您的应用程序](https://docs.stripe.com/elements/appearance-api/mobile.md)：使用户界面与您的应用程序设计相匹配。布局保持一致，但可以修改颜色、字体等。

- [地址收集](https://docs.stripe.com/payments/mobile/save-during-payment.md?platform=ios&mobile-ui=payment-element#collect-payment-details)：使用任何支付方式收集全部或部分账单地址。

- [已保存的支付方式](https://docs.stripe.com/payments/mobile/accept-payment.md?platform=ios&type=payment#enable-saved-cards)：保存、重复使用和管理银行卡和银行账户。您还可以[在没有初始付款的情况下存储客户的支付信息](https://docs.stripe.com/payments/mobile/set-up-future-payments.md)。

## Stripe App 内的 Elements 演示

扫描此二维码或使用此[链接](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352)下载互动演示应用，以演示 Stripe 应用内支付。在应用中，您可以生成不同的用户界面配置，以查看哪种最适合您的用例。
![Stripe 应用内支付展示 App Store 二维码](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg)

## 版面配置

将布局设为 `.automatic`，便于 Stripe 提供适当的支付方式布局。还可以选择 `.vertical` 或 `horizontal` 布局方式。
![Payment Sheet 布局选项](https://b.stripecdn.com/docs-statics-srv/assets/ps-layout.588da531e61ebf4cc11175235a8cd08f.png)

Payment Sheet 支持垂直和水平布局。

## 外观

使用 Appearance API 自定义 Payment Sheet 的外观和风格，与您的应用程序相匹配。Appearance API 可以调整字体、颜色、边框、阴影等。
![Payment Sheet 外观自定义](https://b.stripecdn.com/docs-statics-srv/assets/ps-appearance.3d1914688a11b16808b42685a8b10c60.png)

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

## 支付方式

Payment Sheet 支持在 Stripe 覆盖的所有国家/地区使用 100 多种支付方式。您可以通过 Stripe 管理平台或[自定义支付方式](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md)启用支付方式。

支付方式提供商经常变更信息收集和显示要求。如果您使用 Payment Sheet 显示支付方式，Stripe 通过预构建的本地表单收集所有支付信息，并向各支付方式提供商更新表单的最新状态。
![Payment Sheet 支付方式](https://b.stripecdn.com/docs-statics-srv/assets/ps-payment-methods.07deb18cc15beeee90c75360d32cd762.png)

Payment Sheet 中的银行卡和 Klarna 表单示例

## 钱包

Payment Sheet 支持各种常用钱包，包括 Apple Pay 和 Stripe 开发的钱包 Link。Payment Sheet 可以通过快捷按钮显示钱包。
![Payment Sheet 钱包](https://b.stripecdn.com/docs-statics-srv/assets/ps-wallets.7bbb65fb4323b81b63d4c4c8f181db1b.png)

Payment Sheet 中的 Apple Pay 示例

## 已保存的支付方式

Payment Sheet 支持保存、显示和管理已保存的支付方式，会自动收集同意书，确保全球合规。

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

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

- 何时显示或隐藏保存同意框
- 何时显示或隐藏已保存的支付方式
- 允许买家移除已保存的支付方式
- 阻止买家移除上次保存的支付方式
![Payment Sheet 保存的支付方式](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png)

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

## 收集地址详细信息

无论客户选择哪种支付方式，您都可以使用 Payment Sheet 收集更多支付信息，例如姓名、邮箱、电话号码和账单地址等。
![Payment Sheet 地址信息收集](https://b.stripecdn.com/docs-statics-srv/assets/ps-collecting-address-details.4ae80224105d1835b2d7eaf8d4747642.png)

收集的完整账单信息示例

## 其他功能

Payment Sheet 还包含以下功能：

- CVC 重新收集：当用户使用已保存的支付方式支付时，配置是否需要重新收集 CVC。
- [银行卡品牌筛选](https://docs.stripe.com/payments/mobile/filter-card-brands.md)：配置您接受的银行卡品牌。