# Payment Sheet

決済手段をシートに表示する事前構築済み UI。

Payment Sheet は、決済手段をシートに表示する事前構築済みの UI であり、ほとんどのアプリで [決済を受け付ける](https://docs.stripe.com/payments/mobile/accept-payment.md)ための推奨方法です。アプリのデザインに合わせてカスタマイズできます。In-app Payment Sheet は、[iOS](https://github.com/stripe/stripe-ios)、[Android](https://github.com/stripe/stripe-android)、[React Native](https://github.com/stripe/stripe-react-native) の SDK で利用できます。始めるには、[アプリ内決済の受け付け](https://docs.stripe.com/payments/mobile/accept-payment.md)ガイドをご覧ください。

> #### アメリカのアプリによるデジタル商品の販売
> 
> アメリカのデジタル商品を販売する Android アプリでは、を使用してアプリ内で支払いを処理できるようになりました。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)します。

- [アプリに合わせた UI カスタマイズ](https://docs.stripe.com/elements/appearance-api/mobile.md): UI をアプリのデザインに合わせましょう。レイアウトは一貫したまま、色やフォントなどを変更できます。

- [住所収集](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 In-app Elements デモ

この QR コードをスキャンするか、こちらの [リンク](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) から、Stripe の In-app Payments を紹介するインタラクティブなデモアプリをダウンロードしてください。アプリ内では、さまざまな UI 仕様を生成し、ご自身のユースケースに最適なものを確認できます。
![Stripe In-app Payments ショーケース（App Store QR コード）](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg)

## レイアウト

Stripe が適切な決済手段のレイアウトを提供するには、レイアウトを `.automatic` に設定します。`.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 には次の機能も含まれます：

- セキュリティコードの再収集: ユーザーが保存された決済手段で支払うときにセキュリティコードの再収集が必要かどうかを設定します。
- [カードブランドのフィルター処理](https://docs.stripe.com/payments/mobile/filter-card-brands.md): 受け入れるカードブランドを構成します。