Stripe Web Elements
事前に構築された UI コンポーネントを使用して、独自の決済フローを作成します。
Stripe Elements は、ウェブ決済フローを構築する事前構築済みの UI コンポーネントのセットです。決済フローを構築する Stripe の基本的な JavaScript ライブラリである、Stripe.js の機能として提供されています。Stripe.js は、Element 内の支払いの機密情報をトークン化するため、支払い詳細がお客様のサーバーを経由することはありません。
- グローバルな決済手段: Apple Pay などのウォレットを含む、世界各国の 100 種類以上の決済手段を利用できます。
- Link: 決済時に顧客が支払い情報を入力する代わりに、保存済みの決済手段を選択できるようにすることで、スピーディーな決済を実現します。
- 保存済みの決済手段: 標準搭載の機能を使用して、カードと銀行口座を保存、再利用、管理します。
- 法令遵守: 世界各国の法規制に準拠したインターフェイスです。Stripe は、同意書と同意通知を購入者に表示するための要件に対応します。
- 最新のフォーム: エラー処理が実装されている、地域に合わせたフォームです。Stripe は、それぞれの決済手段の提供業者が規定する最新の要件を常に遵守した状態に保ちます。
- 住所の収集: 任意の決済手段で請求先住所の全部または一部を収集することが可能です。
- デザインのカスタマイズ:Elements は、サイトに合わせてデザインをカスタマイズできます。
- その他の機能: セキュリティコードの再収集や、受け付けるカードブランドの管理などの追加機能です。
始める
以下の Element が表示されない場合は、Stripe.js API リファレンスで詳細を確認してください。
互換性のある API
Stripe は、Elements と互換性のある 2 つのコア決済 API を提供しており、顧客からのさまざまな種類の決済を柔軟に受け入れることができます。これらの API は、Stripe の事前構築済みの決済インターフェースに連結できます。API は、決済フローの構成方法と必要な制御の程度に応じて、さまざまなユースケースに対応します。ほとんどのユースケースでは、Checkout Sessionsを使用することをお勧めします。
決済セッション API を使用すると、購入のラインアイテム、請求書と配送先住所、適用される税率、クーポンや割引など、顧客の決済フロー全体をモデル化できます。決済セッションでは、一度の導入でサブスクリプションの作成、Stripe Tax による税率の計算、決済の開始が可能です。
Payment Intents APIを使用して、決済ステップのみをモデル化し、より詳細な制御を行います。Checkout Sessions API では、項目の詳細が必要であり、請求する最終的な金額のみを渡します。これは、最終的な金額を手動で計算するアドバンス決済フローに適しています。Payment Intents を使用する場合、Stripeを使用して適用される税金を計算する場合は Stripe Tax API と、Stripe を使用してサブスクリプションを作成する場合は Subscriptions API を使用して、個別の導入を構築する必要があります。