Link dans le Payment Element
Utilisez Link dans le composant Payment Element pour permettre à vos clients de payer plus rapidement. Vous pouvez renseigner automatiquement les informations de tout client connecté utilisant déjà Link, même s’il a enregistré ses informations dans Link avec une autre entreprise. L’intégration du composant Payment Element inclut par défaut une invite Link dans le formulaire de paiement par carte. Pour gérer Link dans le composant Payment Element, rendez-vous dans vos paramètres des moyens de paiement.
Collecter l’adresse e-mail du client pour l’authentification ou l’inscription Link
Options d’intégration
L’intégration de Link au composant Payment Element peut se faire de deux façons. Parmi celles-ci, Stripe recommande de transmettre l’adresse e-mail du client au composant Payment Element, le cas échéant. N’oubliez pas de tenir compte du fonctionnement de votre tunnel de paiement lorsque vous choisissez l’une des options suivantes :
Option d’intégration | Tunnel de paiement | Description |
---|---|---|
Transmettre l’adresse e-mail d’un client au Payment Element Recommended |
| Programmez la transmission de l’e-mail d’un client vers le composant Payment Element. Dans ce scénario, le client s’identifie directement auprès de Link dans le formulaire de paiement au lieu d’utiliser un composant d’interface utilisateur distinct. |
Récupérer l’adresse e-mail d’un client dans le composant Payment Element | Vos clients saisissent leurs adresses e-mail et s’identifient ou s’inscrivent auprès de Link directement dans le composant Payment Element lors du paiement. | Si un client ne s’est pas inscrit auprès de Link et qu’il choisit un moyen de paiement pris en charge dans le composant Payment Element, il est invité à enregistrer ses informations à l’aide de Link. Link renseigne automatiquement les informations de paiement des clients déjà inscrits. |
Le paramètre defaultValues
Si vous prévoyez de transmettre les adresses e-mail des clients au Payment Element, utilisez l’objet defaultValues pour spécifier les billingDetails d’un client. Remplir automatiquement un maximum d’informations permet de simplifier le processus de paiement :
// 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' } }, }});
Préremplir automatiquement les informations de vos clients avec Link
Simplifiez l’expérience de vos clients en leur évitant la double saisie de leurs informations pour s’inscrire ou se connecter à Link s’ils les ont déjà fournies ailleurs sur votre page de paiement. Link comprend un outil de préremplissage qui détecte les informations du client telles que l’adresse e-mail ou le numéro de téléphone dans votre page de paiement, puis remplit automatiquement les champs correspondants de Link. Cette commodité incite vos clients à utiliser Link, et augmente la probabilité qu’ils valident leur paiement. Les données préremplies ne sont jamais stockées, sauf si le client s’inscrit à Link.
Lorsqu’un client saisit des informations telles que son adresse e-mail, son numéro de téléphone ou son nom sur la même page de paiement que le composant Element où Link est activé, l’outil de préremplissage de Link peut :
- Préremplir le formulaire d’inscription à Link avec l’adresse e-mail, le numéro de téléphone et le nom du client. Le client doit s’inscrire à Link pour créer un compte.
- Préremplir l’adresse e-mail du client dans le champ de connexion à Link lorsqu’il possède déjà un compte Link, afin qu’il n’ait plus qu’à saisir le mot de passe à usage unique.
Activer l’outil de préremplissage
L’outil de préremplissage Link ne nécessite aucune modification de votre intégration existante. L’outil de préremplissage est activé par défaut lorsque vous activez Link. Vous pouvez à tout moment le désactiver dans les paramètres de Link dans votre Dashboard.
Fonctionnement
Lorsqu’un client charge une page contenant le composant Element en ayant activé Link, et que le paramètre defaultValue
n’a pas encore fourni les données du client Stripe, notre système analyse la page de paiement environnante pour localiser les champs de saisie contenant des données qui correspondent aux champs d’inscription ou de connexion de Stripe Checkout. Link ne recherche que les informations applicables à la création ou à la réutilisation d’un compte Link.
Si Stripe détecte de tels champs de données, nous utilisons les valeurs pour préremplir la page de connexion à Link avec l’adresse e-mail, ou préremplir les champs d’inscription avec les informations requises pour créer un compte Stripe. Nous ne stockons pas les valeurs préremplies dans le navigateur à l’aide de cookies, au niveau local ou via tout autre service. Nous ne conservons les valeurs que temporairement dans la mémoire locale pour les utiliser dans le contexte de la session en cours.
Pour les utilisateurs actuels de Link, nous utilisons les informations préremplies afin de déclencher une connexion à Link, et nous ne stockons aucune information de la page.
Les clients n’ayant pas encore créé de compte Link peuvent choisir d’utiliser les informations préremplies pour s’inscrire à Link. Nous ne stockons les informations préremplies que si le client consent à créer un compte Link.