# 決済画面の構築

Checkout Sessions API を使用して、構築済みの UI で決済画面を作成します。

## ウェブサイトで決済を受け付ける

100 種類以上の国内主要決済手段から 1 回限りの決済とサブスクリプション決済を受け付けます。
[決済の導入を始める](https://docs.stripe.com/checkout/quickstart.md)
## Stripe Checkout

[Checkout Sessions API](https://docs.stripe.com/api/checkout/sessions.md) では、2 つの異なるタイプの決済 UI を使用できます。次の画像は、各オプションにおける決済 UI のうち Stripe がホストする部分を示しています。
![決済画面](https://b.stripecdn.com/docs-statics-srv/assets/checkout-hosted-hover.6ee5a154986ffc216c034a47b7b0d65e.png)

[決済画面](https://docs.stripe.com/checkout/quickstart.md)顧客は、フル機能の決済画面で決済の詳細を入力します。この画面はお客様のサイトに埋め込むことも、Stripe 上の決済画面へのリダイレクトで表示することもできます。
![Checkoutエレメント](https://b.stripecdn.com/docs-statics-srv/assets/checkout-elements-hover.28148f5be39600e85ef4784ab9e873e7.png)

[Checkout エレメント](https://docs.stripe.com/payments/quickstart-checkout-sessions.md)エレメントを使用して、完全にカスタマイズされた決済画面を構築する

|              | [PAGE](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=checkout&ui=stripe-hosted) (Recommended) | [ELEMENTS](https://docs.stripe.com/payments/accept-a-payment.md?payment-ui=elements&api-integration=checkout) |
| ----------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| **API**           | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md)                                           | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md)                                         |
| **機能リスト**         | Billing、Tax、Adaptive Pricing、Stripe Managed Payments、Link、動的な決済手段、追加料金、分割払いの UI サポートをすぐに利用可能                    | Adaptive Pricing、Link、動的な決済手段の UI サポートをすぐに利用可能                                                                |
| **注文概要**          | 小計 (税金と配送料)、クロスセルとアップセル、無料トライアル、割引、プロモーションコードを含む注文サマリーの全文                                                       | 注文概要はありません                                                                                                    |
| **継続的なメンテナンスが必要** |                                                                                                                 |                                                                                                               |
| **ホスティング**        | ホスト型または埋め込み型                                                                                                    | 埋め込み型                                                                                                         |
| **複雑度**           | 低                                                                                                               | ほとんど                                                                                                          |
| **カスタマイズ**        | ブランド設定で 15 項目の設定が可能                                                                                             | Appearance API による CSS の完全なカスタマイズが可能                                                                          |

## 決済をカスタマイズする

[デザインをカスタマイズする](https://docs.stripe.com/payments/checkout/customization.md): 決済フローのデザインと動作をカスタマイズします。

[追加情報を収集する](https://docs.stripe.com/payments/checkout/collect-additional-info.md): 決済中に配送先の詳細やその他の顧客情報を収集する。

[税金を徴収する](https://docs.stripe.com/payments/checkout/taxes.md): Stripe Checkout で 1 回限りの決済の税金を徴収する。

[決済フローを動的に更新](https://docs.stripe.com/payments/checkout/dynamic-updates.md): 顧客が決済する際に更新します。

[カスタムコンポーネントで決済を拡張](https://docs.stripe.com/payments/checkout/custom-components.md): 決済フォームにカスタムコンポーネントを追加できます。

[トライアル、割引、アップセルを追加する](https://docs.stripe.com/payments/checkout/promotions.md): トライアル、割引、オプションアイテムなどのプロモーションを追加します。

## 決済を収集するタイミングと方法を変更する

[サブスクリプションを設定する](https://docs.stripe.com/payments/subscriptions.md): 顧客の継続決済でサブスクリプションを作成します。

[支払いの事前設定](https://docs.stripe.com/payments/checkout/save-and-reuse.md): 決済詳細を保存し、後で顧客に請求します。

[決済時に決済の詳細を保存する](https://docs.stripe.com/payments/checkout/save-during-payment.md): 決済を受け付け、将来の購入に備えて顧客の決済詳細を保存します。

[顧客が現地通貨で決済できるようにする](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md): Adaptive Pricing を使用して、顧客が現地通貨で支払えるようにします。

## 業務を管理する

[商品カタログを管理する](https://docs.stripe.com/payments/checkout/product-catalog.md): Checkout を使用して在庫とフルフィルメントを処理します。

[ダッシュボードに決済手段を移行](https://docs.stripe.com/payments/dashboard-payment-methods.md): 決済手段の管理をダッシュボードに移行します。

[決済後](https://docs.stripe.com/payments/checkout/after-the-payment.md): 決済後の決済プロセスをカスタマイズします。

## サンプルプロジェクト

[1 回限りの支払い](https://github.com/stripe-samples/checkout-one-time-payments)

[サブスクリプション](https://github.com/stripe-samples/checkout-single-subscription)