Payment Element

Payment Element は、カスタマイズ可能なドロップインコンポーネントであり、アプリの任意の画面に 決済手段のリストを埋め込みます。顧客が決済手段をリストから選択すると、その下のシートに決済の詳細が収集されます。アプリのデザインに合わせてカスタマイズできます。アプリ内 Payment Element は、iOS、Android、および React Native SDK で利用できます。始めるには、アプリ内決済の受け付け ガイドをご覧ください。

Payment Element 導入例

Payment Element を使用すると、以下を実現できます：

• 世界の 100 以上の決済手段にアクセス: Apple Pay、Link、その他の一般的な決済手段が自動的に有効になります。

• 動的な決済手段: 決済手段を動的に並べ替え、表示し、新しい決済手段の A/B テストを開始します。

• アプリに合わせた UI カスタマイズ: UI をアプリのデザインに合わせましょう。レイアウトは一貫したまま、色やフォントなどを変更できます。

• 住所収集: あらゆる決済手段で請求先住所の全部または一部を収集します。

• 保存された決済手段: カードと銀行口座を保存、再利用、管理します。初回の決済なしで顧客の決済詳細を保存することもできます。

Stripe In-app Elements デモ

この QR コードを iOS モバイルデバイスでスキャンして、Stripe のアプリ内 Elements を示すインタラクティブな App Clip をお試しください。App Clip では、さまざまな UI 仕様を生成して、ユースケースに最適なものを確認できます。

レイアウト

ラジオレイアウト、チェックマークレイアウト、フローティングボタンから選択します。

Payment Element は、ラジオボタン、チェックマーク、フローティングボタンレイアウトをサポートしています。

デザイン

Appearance API を使用して、アプリに合わせて Payment Element のデザインをカスタマイズします。Appearance API を使用すると、フォント、色、境界線、影などを制御できます。

Payment Element のさまざまなスタイルの例

決済手段

Payment Element は、Stripe がサポートするすべての国の 100 種類以上の決済手段にアクセスできます。決済手段は、Stripe ダッシュボードまたは カスタム決済手段を使用して有効にできます。

決済手段の提供業者は、多くの場合、回収と表示の要件を変更します。Payment Element を使用して決済手段を表示すると、Stripe は、各決済代行業者に最新の状態に維持されている、事前構築されたローカライズされた形式で、すべての決済詳細の回収を処理します。

Payment Element の P24 および SEPA デビットの例

ウォレット

Payment Elemen は、Apple Pay や Stripe が構築したウォレットである Link など、一般的なウォレットをサポートしています。Payment Element は、決済手段のオプションとしてウォレットをインラインで表示します。

Payment Element 内の Link の例

保存済みの決済手段

Payment Element は、保存された決済手段の保存、表示、管理をサポートします。同意回収は自動的に処理され、グローバルな法令遵守が保証されます。

決済手段の保存は、カード、アメリカの銀行口座、SEPA デビット口座に対応しています。

CustomerSessions API は、以下をさらに制御します。

• 保存同意ボックスを表示または非表示にするタイミング
• 保存された決済手段を表示または非表示にするタイミング
• 買い手が保存決済手段を削除できるようにする
• 買い手が最後に保存した決済手段を削除できないようにする

顧客が Payment Element に保存された決済手段にアクセスする方法の例

住所の詳細を収集する

顧客が使用する決済手段に関係なく、名前、メールアドレス、電話番号、請求先住所などの追加の決済情報を収集するように Payment Element を設定できます。

請求の全詳細の収集例

その他の機能

Payment Element には次の機能も含まれます：

• セキュリティコードの再収集: ユーザーが保存された決済手段で支払うときにセキュリティコードの再収集が必要かどうかを設定します。
• カードブランドのフィルター処理: 受け入れるカードブランドを構成します。