支払い中に支払い詳細を保存する

支払いを受け付け、将来の購入に備えて顧客の支払い詳細を保存する方法をご紹介します。

注

Elements と Checkout Sessions API を使用して保存された決済手段のサポート対象に含まれるのは、カードのみです。銀行口座など、保存されている他の決済手段には対応していません。

保存済みの決済手段を有効にする

注意

世界の個人情報保護法は複雑かつ曖昧です。顧客の決済手段の詳細を保存する機能を実装する前に、法務チームと協力して、プライバシーと法令遵守のフレームワークに準拠していることを確認します。

顧客が将来使用するために決済手段を保存できるようにするには、Checkout セッションの作成時に saved_payment_method_options.payment_method_save パラメーターを指定します。

決済手段を保存するには、顧客が必要です。既存の顧客を渡すか、または新しい顧客を作成するために Checkout セッションの customer_creation を always に設定します。

Checkoutt Session を作成したら、レスポンスで返された client secret を使用して決済ページの構築を行います。

initCheckout に追加の elementsOptions を渡して、決済Element が同意の回収チェックボックスを表示できるようにします。

checkout.js
const checkout = await stripe.initCheckout({
  fetchClientSecret,
  elementsOptions: {
    savedPaymentMethod: {
      enableSave: 'auto',
    }
  }
});

以前に保存した決済手段を再利用する

保存済みの各決済手段は、Customer オブジェクトに関連付けられています。Checkout セッションを作成する前に、顧客を認証し、対応する顧客 ID を Checkout セッションに渡します。

決済Element は、顧客がチェックアウト時に使用できるように、以前に保存した支払い方法を自動的に再表示します。

initCheckout に追加の elementsOptionsを渡し、Payment Element が以前に保存した支払い方法を再表示して、顧客が決済時に使用できるようにします。

checkout.js
const checkout = await stripe.initCheckout({
  fetchClientSecret,
  elementsOptions: {
    savedPaymentMethod: {
      enableSave: 'auto',
      enableRedisplay: 'auto',
    }
  }
});

注

支払い中に支払い詳細を保存する

支払いを受け付け、将来の購入に備えて顧客の支払い詳細を保存する方法をご紹介します。

注

保存済みの決済手段を有効にする

注意

以前に保存した決済手段を再利用する

オプション独自の保存支払い方法 UI を構築