Link Authentication Element kennenlernen

Erstellen Sie eine einzige E-Mail-Eingabe für die E-Mail-Erfassung und die Link-Authentifizierung, indem Sie das Link Authentication Element zu Ihrer Elements-Integration hinzufügen. Wenn Ihr Kunde/Ihrer Kundin kein Link-Konto hat und eine der unterstützten Zahlungsmethoden (Kreditkarte, Debitkarte oder US-Bank) auswählt, kann er/sie sich registrieren.

Wenn Ihre Kundinnen und Kunden bereits ein Link-Konto haben, werden sie alternativ mit einem Einmalpasswort authentifiziert. Anschließend werden ihre Zahlungsdetails automatisch in das Payment Element eingetragen.

Verwenden Sie das Link Authentication Element als Teil Ihrer Bezahlseite

Link Authentication Element hinzufügen

Platzieren Sie das Link Authentication Element am Anfang der Checkout-Seite, gefolgt vom Address Element (optional) und dann vom Payment Element. Der folgende Code erstellt eine Instanz des Link Authentication Element und verbindet sie mit dem DOM:

// 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',