Link Authentication Element の詳細を見る

メールアドレスの収集と Link の認証の両方に対応する 1 つのメールアドレス入力を作成します。

メールアドレス収集と Link の認証の両方に対応した 1 つのメールアドレス入力を作成するには、Link Authentication Element を Elements システムに追加します。顧客に Link アカウントがない場合に、サポート対象の支払い方法 (クレジットカード、デビットカード、アメリカの銀行) のいずれかが選択されると、登録オプションが提示されます。

また、顧客にすでに Link アカウントがある場合は、ワンタイムパスワードで認証され、Payment Element に支払い情報が自動的に入力されます。

Link Authentication Element を決済ページの一部として使用する

Link Authentication Element を追加する

Link Authentication Element を決済ページの先頭に配置し、次に Address Element (オプション) 、最後に Payment Element を配置します。次のコードは、Link Authentication Element のインスタンスを作成して、DOM にマウントします。

checkout.js
// Enable the skeleton loader UI for the optimal loading experience.
const loader = 'auto';

// Create an elements group from the Stripe instance passing in the clientSecret and enabling the loader UI.
const elements = stripe.elements({clientSecret, loader});

// Create an instance of the Link Authentication Element optionally prefilling a customer's email address.
const linkAuthenticationElement = elements.create("linkAuthentication", {defaultValues: {email: "foo@bar.com"}});

// Passing in defaultValues is optional, but useful if you want to prefill customer information to simplify the customer experience.
const paymentElement = elements.create('payment', {
  defaultValues: {
    billingDetails: {
      name: 'John Doe',
      phone: '888-888-8888',

linkAuthenticationElement によってメールアドレス入力が表示されます。Link で、顧客のメールアドレスと既存の Link アカウントが一致すると、その顧客の携帯電話に認証用の安全なワンタイムコードが送信されます。顧客が認証に成功すると、Stripe は、Link に保存された顧客の住所と支払い方法を自動的に表示し、顧客が使用できるようにします。ドメインの登録も必要になります。

Link Authentication Element の詳細を見る

メールアドレスの収集と Link の認証の両方に対応する 1 つのメールアドレス入力を作成します。

Link Authentication Element を追加する

参照情報