Payment Element の Link
顧客がスピーディーに購入できるようにするには、Payment Element の Link を使用します。ログイン済みの顧客がすでに Link を使用している場合は、顧客が別のビジネスで Link を使用したときに、最初に情報を保存したかどうかに関係なく、情報を自動入力できます。デフォルトの Payment Element の実装では、カードフォームに Link プロンプトが含まれます。Payment Element の Link を管理するには、決済手段の設定に移動します。
Link の認証または登録のために顧客のメールアドレスを収集する
導入オプション
Payment Element を使用して Link を導入する方法は 2 つあります。中でも、Stripe は、利用可能な場合、Payment Element に顧客のメールアドレスを渡す方法を推奨しています。これらのオプションから決定する際は、必ず貴社の決済フローの仕組みを考慮してください。
導入オプション | 決済フロー | 説明 |
---|---|---|
Payment Element に顧客のメールアドレスを渡す 推奨 |
| 顧客のメールアドレスを Payment Element にプログラムで渡します。このシナリオでは、顧客は別の UI コンポーネントではなく、決済フォームで直接 Link の認証を行います。 |
Payment Element で顧客のメールアドレスを収集する | 顧客は、決済時に Payment Element で直接、メールアドレスを入力して、Link で認証または Link に登録されます。 | 顧客が Link に登録しておらず、Payment Element でサポートされている決済手段を選択すると、Link を使用して詳細を保存するように求められます。すでに登録している場合は、Link は支払い情報を自動的に入力します。 |
defaultValues パラメーター
顧客のメールアドレスを Payment Element に渡すことを計画している場合は、defaultValues オブジェクトを使用して顧客の billingDetails を指定します。できるだけ多くの情報を事前入力することで、決済プロセスを効率化できます。
// Pass in defaultValues to prefill consumer information const paymentElement = elements.create('payment', { defaultValues: { billingDetails: { name: 'John Doe', email: 'john.doe@example.com', address: { city: 'New York', country: 'US', line1: '123 Main St', postal_code: '10001', state: 'NY' } }, }});
顧客の Link に自動的に事前入力する
顧客が決済ページのどこかですでに詳細情報を入力済みの場合、Link への登録やログインの際に情報を再入力する手間を省くことができます。Link には、決済フローでメールアドレスや電話番号などの顧客情報を検出し、対応する Link フィールドに自動的に入力する事前入力ツールが含まれています。この利便性が、顧客による Link の使用を後押しします。Link を使用すると、顧客が決済を完了する可能性が高まることが示されています。顧客が Link への登録を完了するまで、事前入力された値は保存されません。
Link が有効になっている Element と同じ決済ページで顧客がメールアドレス、電話番号、氏名などの情報を入力した場合に、Link の事前入力ツールで行えることは以下のとおりです。
- Link の登録フォームに、顧客のメールアドレス/電話番号/氏名を入力します。顧客は Link への登録を進めてアカウントを作成する必要があります。
- 顧客がすでに Link アカウントを持っている場合、Link のログイン情報に顧客のメールアドレスを入力します。そのため、顧客はワンタイムパスワードを入力するだけで済みます。
事前入力ツールを有効にする
Link の事前入力ツールでは、既存の Stripe システムを変更する必要はありません。Link を有効にすると、事前入力ツールはデフォルトで有効になります。事前入力ツールは、ダッシュボードの Link の設定でいつでも無効にできます。
仕組みについて
顧客が、Link を有効にした Element を含むページを読み込むと、defaultValue
パラメーターによって Stripe の顧客データがまだ提供されていない場合、システムが周辺の決済ページを分析して、Link の登録フィールドまたはログインフィールドに一致する詳細が含まれる入力フィールドを特定します。Link は、Link アカウントの作成または再利用に該当する情報のみを探します。
Stripe では、このようなデータフィールドを検出した場合、その値を使用して Link のログイン情報にメールアドレスを事前入力したり、登録フィールドに Link アカウントの作成に必要な顧客情報を事前入力したりします。事前入力された値は、Cookie やローカルストレージ、その他のサービスを使用してブラウザに保存されることはありません。値は、セッションのコンテキストで使用する目的で、一時的にローカルメモリに保持されるだけです。
現在の Link ユーザーの場合、事前入力された情報を使用して Link へのログインがトリガーされ、ページの情報は保存されません。
Link アカウントをまだ作成していない顧客は、事前入力された情報を使用して Link に登録するかどうかを選択できます。Stripe は、顧客が操作を実行し、Link アカウントを作成することに同意した場合にのみ、事前入力された情報を保存します。