# Link dans le Card Element Activez les paiements en utilisant Link avec le Card Element. > Stripe recommande de ne plus utiliser le Card Element dans le cadre de votre intégration Web Elements. Pour intégrer Link, utilisez l’un de nos Elements recommandés : le [Link Authentication Element](https://docs.stripe.com/payments/link/link-authentication-element.md), l’[Express Checkout Element](https://docs.stripe.com/payments/link/express-checkout-element-link.md) ou le [Payment Element](https://docs.stripe.com/payments/link/payment-element-link.md). Utilisez [Link](https://docs.stripe.com/payments/link.md) dans le Card Element pour enregistrer et remplir automatiquement les informations de paiement de vos clients, ce qui leur évitera d’avoir à les saisir manuellement. Le composant Card Element peut prendre deux formes : un [composant Card Element](https://docs.stripe.com/js/element/other_element?type=card) à une seule ligne de collecte ou plusieurs composants Elements distincts (comme [Card Number](https://docs.stripe.com/js/element/other_element?type=cardNumber), [Expiry](https://docs.stripe.com/js/element/other_element?type=cardExpiry) et [CVC](https://docs.stripe.com/js/element/other_element?type=cardCvc)). Les informations suivantes s’appliquent aux deux types de composant Card Element. ## Le flux Link #### Composant Element Card à une seule ligne Si Link est activé, le formulaire de saisie de carte bancaire affiche le bouton **Link**, sur lequel un client authentifié peut cliquer pour remplir automatiquement ses informations de paiement. Le client n’a besoin d’authentifier son compte qu’une fois tous les 90 jours auprès d’une entreprise proposant Link. ![Remplissage automatique des informations de paiement du client avec Link](https://b.stripecdn.com/docs-statics-srv/assets/link-single-ce-returning-user.e50d94e96551810ac4f95c2fabfd33b9.png) Remplissage automatique des informations de paiement du client avec Link Si un client ne s’est pas inscrit à Link et qu’il clique sur le bouton **Link**, il est invité à ajouter son adresse e-mail, son numéro de téléphone et son moyen de paiement. Un client peut également d’abord entrer les informations de sa carte dans le Card Element, puis enregistrer cette carte sur son compte Link. ![Un client s'inscrivant à Link](https://b.stripecdn.com/docs-statics-srv/assets/link-single-ce-new-user.b8495f2e5258b8cf04b5d43e3a290ec0.png) Un client s’inscrivant à Link Si un client récurrent de Link clique sur le bouton **Link** et doit s’authentifier, Link l’invite à le faire à l’aide d’un code envoyé par SMS ou par e-mail. Une fois que le client s’est authentifié, Link charge ses informations de paiement précédemment enregistrées, ce qui lui permet de payer plus rapidement. ![Link authentifiant un client](https://b.stripecdn.com/docs-statics-srv/assets/link-in-ce-dialog.ec3340f0aaa847f610249e7dcc3fb7ad.png) Link authentifiant un client Nous améliorons en permanence Link afin d’améliorer le taux de conversion, et pouvons afficher Link de manière sélective au moment du paiement. Au fil du temps, il est possible que le mode et le moment d’affichage de Link évolue. #### Composants Element distincts Si Link est activé, le formulaire de saisie de carte bancaire affiche le bouton **Link**, sur lequel un client authentifié peut cliquer pour remplir automatiquement ses informations de paiement. Le client n’a besoin d’authentifier son compte qu’une fois tous les 90 jours auprès d’une entreprise proposant Link. Si un client ne s’est pas inscrit à Link et qu’il clique sur le bouton **Link**, il est invité à ajouter son adresse e-mail, son numéro de téléphone et son moyen de paiement. Un client peut également d’abord entrer les informations de sa carte dans le Card Element, puis enregistrer cette carte sur son compte Link. Si un client récurrent de Link clique sur le bouton **Link** et doit s’authentifier, Link l’invite à le faire à l’aide d’un code envoyé par SMS ou par e-mail. Une fois que le client s’est authentifié, Link charge ses informations de paiement précédemment enregistrées, ce qui lui permet de payer plus rapidement. Nous améliorons en permanence Link afin d’améliorer le taux de conversion, et pouvons afficher Link de manière sélective au moment du paiement. Au fil du temps, il est possible que le mode et le moment d’affichage de Link évolue. ## Activation de Link Le [Card Element](https://docs.stripe.com/js/element/other_element?type=card)prend en charge Link dans le monde entier pour toute entreprise qui dispose d’un accès autorisé et qui ne nécessite pas de frais supplémentaires ni de changement de code (pour plus de détails, consultez la note ci-dessous). Link est entièrement compatible avec les autres fonctionnalités associées aux paiements par carte. Stripe active automatiquement Link dans le Card Element. Vous pouvez désactiver Link pour toutes les instances de Card Element dans les [paramètres de vos moyens de paiement](https://dashboard.stripe.com/settings/payment_methods). Dans la section Link, cliquez sur le menu de débordement (⋯) à côté de la ligne Link et désactivez le paramètre **Link dans le Card Element**. Ce paramètre s’applique aux deux formes de ce composant. Vous pouvez également définir le paramètre [disableLink](https://docs.stripe.com/js/elements_object/create_element?type=card#elements_create-options-disableLink) sur `true` pour désactiver Link dans le Card Element. Une seule de ces commandes suffit pour masquer Link dans le Card Element. Link *n’est pas* visible dans le Element Card si : - Le conteneur parent dans lequel le Card Element est monté n’est pas assez haut ou assez large pour afficher le bouton Link. En règle générale, nous exigeons une largeur minimale de 350 px et une hauteur minimale de 28 px. Toutefois, d’autres facteurs tels que la taille de la police, les paramètres régionaux, le texte par défaut et la visibilité de l’icône de la carte bancaire peuvent également influer sur ces exigences. - Le Card Element s’affiche sur un navigateur qui ne prend pas en charge les fenêtres contextuelles, y compris les navigateurs intégrés à l’application. En savoir plus sur les [navigateurs pris en charge](https://docs.stripe.com/payments/link/card-element-link.md#test-link-in-the-card-element). - [Cross-Origin-Opener-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy) est défini sur `same-origin`. La fenêtre contextuelle Link doit communiquer avec la page qui l’a ouverte, de sorte que Link dans le Card Element n’est pas compatible avec les configurations qui bloquent cette communication. > Nous effectuons un lancement progressif de Link dans le Card Element. Link pour le [Card Element à une seule ligne](https://docs.stripe.com/js/element/other_element?type=card) a été publié en 2023, suivi par Link dans les [Elements distincts](https://docs.stripe.com/js/element/other_element?type=cardNumber) fin 2023 et début 2024. Seuls les comptes bénéficiant d’un accès peuvent voir Link dans le Card Element dans leurs [paramètres des moyens de paiement](https://dashboard.stripe.com/settings/link) et utiliser Link en mode production ou dans un environnement de test. Link est actuellement indisponible pour les comptes Stripe basés en Inde. ## Utiliser le Card Element et le bouton de demande de paiement Vous pouvez également utiliser Link avec le [Payment Request Button](https://docs.stripe.com/payments/link/payment-request-button-link.md). Link dans le Card Element fonctionne de manière indépendante de Link dans le Payment Request button. Si vous utilisez à la fois le Payment Request Button et le Card Element, Link peut apparaître deux fois lors du paiement. Pour en savoir plus sur l’affichage de Link dans le Payment Request Button, consultez la page [Link dans le Payment Request Button](https://docs.stripe.com/payments/link/payment-request-button-link.md). ## Plateformes Link et Connect Link est automatiquement disponible pour tous les comptes connectés qui accèdent à l’élément Carte via une intégration Connect. Selon l’intégration, certaines plateformes peuvent permettre aux comptes connectés de personnaliser leurs propres paramètres Link dans le Dashboard. ### Conditions d’admissibilité pour les plateformes connectées Si les conditions suivantes sont toutes remplies par votre plateforme, vos comptes connectés peuvent gérer leurs paramètres Link directement dans leur propre Dashboard. - Vous utilisez des [paiements directs](https://docs.stripe.com/connect/direct-charges.md). - Vous créez et débitez des moyens de paiement sur vos comptes connectés. - Vos comptes connectés ont accès à l’intégralité du Dashboard Stripe. Pour définir l’état par défaut de tous les comptes connectés sur votre plateforme : 1. Cliquez sur **Modifier les paramètres** sous **Vos comptes connectés** dans [Paramètres des moyens de paiement](https://dashboard.stripe.com/settings/connect/payment_methods). 1. Accédez à **Link dans le Card Element** dans la section Link. ### Plateformes connectées non admissibles Dans les cas suivants, Link est contrôlé par les paramètres du compte de votre plateforme et vos comptes connectés ne peuvent pas personnaliser leurs paramètres Link pour les paiements traités via votre plateforme : - Créez des moyens de paiement sur votre plateforme, puis [dupliquez les moyens de paiement](https://docs.stripe.com/connect/direct-charges-multiple-accounts.md#clone-and-create-direct-charges) sur vos comptes connectés. - Vous utilisez des [paiements indirects](https://docs.stripe.com/connect/destination-charges.md) ou des [paiements et transferts distincts](https://docs.stripe.com/connect/separate-charges-and-transfers.md). - Vos comptes connectés n’ont pas accès à l’intégralité du Dashboard Stripe. Pour gérer les paramètres du compte de votre plateforme : 1. Cliquez sur **Modifier les paramètres** sous **Votre compte** dans [Paramètres des moyens de paiement](https://dashboard.stripe.com/settings/connect/payment_methods). 1. Accédez à **Link dans le Card Element** dans la section Link. Si vous souhaitez désactiver Link pour certains comptes connectés uniquement, vous pouvez utiliser le paramètre [disableLink](https://docs.stripe.com/js/elements_object/create_element?type=card#elements_create-options-disableLink). ### Traitement des paiements pour les comptes connectés - Si votre plateforme vous laisse personnaliser vos paramètres Link pour les paiements via une plateforme, vous pouvez gérer Link dans les paramètres du Card Element dans les [paramètres des moyens de paiement](https://dashboard.stripe.com/settings/payment_methods) en sélectionnant votre plateforme dans le menu déroulant en haut de la page. - Si votre plateforme ne propose pas la personnalisation des paramètres, elle détermine alors la disponibilité de Link pour tous les paiements traités par le biais de la plateforme, et vous ne serez pas en mesure de contrôler les paramètres relatifs aux paiements via la plateforme dans votre Dashboard. - Pour les paiements que vous traitez hors plateforme, vous pouvez gérer Link dans vos [paramètres de moyens de paiement](https://dashboard.stripe.com/settings/payment_methods) en sélectionnant « Aucune plateforme » dans le menu déroulant en haut de la page. ## Tester Link dans le Card Element > Don’t store real user data in *sandbox* (A sandbox is an isolated test environment that allows you to test Stripe functionality in your account without affecting your live integration. Use sandboxes to safely experiment with new features and changes) Link accounts. Treat them as if they’re publicly available, because these test accounts are associated with your publishable key. Link fonctionne avec les navigateurs suivants : - Chrome, Chrome Mobile et Microsoft Edge. - Safari sur ordinateur de bureau et iOS (3 dernières versions principales). Link est disponible en mode test et dans un environnement de test. Vous pouvez créer des comptes Link dans un environnement de test à l’aide d’une adresse e-mail valide. Le tableau suivant répertorie les codes à usage unique acceptés par Stripe pour l’authentification des comptes Link dans un environnement de test : | Valeur | Résultat | | ----------------------------------------------------------- | -------------------------------------------- | | Tout autre ensemble de 6 chiffres non listé ci-dessous | Opération réussie | | 000001 | Erreur, code non valide | | 000002 | Erreur, code expiré | | 000003 | Erreur, nombre maximal de tentatives dépassé | Si vous activez Link dans un environnement de test, Link s’affichera pour toutes les sessions en environnement de test de Card Element qui répondent aux [conditions d’activation](https://docs.stripe.com/payments/link/card-element-link.md#enable-link). En mode production, Link pourra s’afficher ou non, selon ce qui est le plus susceptible de favoriser la conversion de Link à chaque session de paiement. ## See also - [Stripe Elements pour le web](https://docs.stripe.com/payments/elements.md) - [Link Element Authentication](https://docs.stripe.com/payments/elements/link-authentication-element.md) - [Payment Element](https://docs.stripe.com/payments/payment-element.md)