Découvrir le Link Authentication Element

Créez un champ de saisie d’adresse e-mail unique pour la collecte des e-mails et l’authentification par Link en ajoutant le Link Authentication Element à votre intégration Elements. Si votre client ne possède pas de compte Link et qu’il sélectionne l’un des moyens de paiement pris en charge (carte de crédit, carte de débit ou banque aux États-Unis), il a la possibilité de s’inscrire.

Si votre client possède déjà un compte Link, il peut s’identifier à l’aide d’un mot de passe à usage unique. Ses informations de paiement sont alors automatiquement saisies dans le Payment Element.

Utiliser le composant Element Link Authentication au sein de votre page de paiement

Ajouter le Link Authentication Element

Placez le Link Authentication Element au début de la page de paiement, suivi de l’Address Element (facultatif), puis du Payment Element. Le code suivant crée une instance du Link Authentication Element et la monte dans le 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',