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 リファレンスで詳細を確認してください。
Payment Element
推奨
Express Checkout Element
Recommended
Link Authentication Element
Address Element
Payment Method Messaging Element
Checkout Session API only
Currency Selector Element
互換性のある API
Stripe は Elements と互換性のある 2 つの主要な決済 API を提供しており、顧客からさまざまなタイプの決済を柔軟に受け付けることができます。これらの API を、Stripe の構築済みの決済インターフェイスに実装できます。ほとんどのユーザーに Checkout Session (セッション) の使用をお勧めしていますが、API は決済フローの構築方法の選択と必要な制御の程度に応じて、わずかに異なるユースケースに対応します。Checkout Session API を使用して決済ページを構築するか、Payment Intents API を使用して高度なシステムを構築できます。
- Checkout Sessions API では、顧客の決済フローをモデル化できます。これには、購入に含まれる項目、請求先住所と配送先住所、適用される税率、クーポンや割引が含まれます。Checkout セッションでは、サブスクリプションを作成して、Stripe Tax で税率を計算し、支払いを開始できます。
- Payment Intents API では、支払いステップをモデル化できます。項目の詳細が必要な Checkout Sessions API とは異なり、請求する最終金額のみを渡します。これは、オフセッションの支払いなどの決済フローに適しています。Stripe を使用して、該当する税金の計算やサブスクリプションの作成を行う場合は、Stripe Tax API または Subscriptions API をそれぞれ実装する必要があります。
