# Payment Element Intégrez les moyens de paiement directement dans votre application. Le Payment Element est un composant personnalisable prêt à l’emploi qui [intègre une liste de moyens de paiement](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md) sur n’importe quel écran de votre application. Lorsqu’un client sélectionne un moyen de paiement, une feuille s’affiche en dessous pour recueillir les informations de paiement. Vous pouvez le personnaliser pour correspondre à l’identité visuelle de votre application. Le Payment Element in-app est disponible dans nos SDK [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) et [React Native](https://github.com/stripe/stripe-react-native). Consultez notre guide [Accepter les paiements dans l’application](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md) pour commencer. > #### Applications américaines vendant des biens numériques > > Android apps in the US that sell digital goods can process payments in-app using the Payment Element. If you sell digital goods on iOS, see how to implement an app-to-web flow using Stripe Checkout in [Sell in-app digital goods and subscriptions](https://docs.stripe.com/mobile/digital-goods/checkout.md). ![Exemple d’intégration du Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/mobile-payment-element.de700c536720f40087a00fde4b958b9a.png) Exemple d’intégration du Payment Element Avec le Payment Element, vous bénéficiez de : - [Accès à plus de 100 moyens de paiement](https://docs.stripe.com/payments/payment-methods/overview.md) dans le monde : cela inclut Apple Pay, Link et d’autres moyens de paiement populaires activés automatiquement. - [Moyens de paiement dynamiques](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) : ordonnez et affichez dynamiquement les moyens de paiement et [lancez des tests A/B](https://docs.stripe.com/payments/a-b-testing.md) pour de nouveaux moyens de paiement. - [Personnalisation de l’interface pour correspondre à votre application](https://docs.stripe.com/elements/appearance-api/mobile.md) : adaptez l’interface à la charte graphique de votre application. La disposition reste cohérente, mais vous pouvez modifier les couleurs, polices, etc. - [Collecte d’adresse](https://docs.stripe.com/payments/mobile/save-during-payment.md?platform=ios&mobile-ui=payment-element#collect-payment-details) : recueillez des adresses de facturation complètes ou partielles avec n’importe quel moyen de paiement. - [Saved payment methods](https://docs.stripe.com/payments/mobile/accept-payment.md?platform=ios&type=payment#enable-saved-cards): Save, reuse, and manage cards and bank accounts. You can also [store a customer’s payment details without an initial payment](https://docs.stripe.com/payments/mobile/accept-payment.md?platform=ios&type=setup). ## Présentation des Elements in-app de Stripe Scannez ce QR code ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger application de démonstration interactive présentant les Elements in-app de Stripe. Dans cette application, vous pouvez générer différentes spécifications d’interface utilisateur pour déterminer celle qui correspond le mieux à votre cas d’utilisation. ![QR code vers l’App Store pour télécharger la présentation de Stripe In-app Payments](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) ## Disposition Choisissez entre une disposition avec boutons radio, cases à cocher ou boutons flottants. ![Options de disposition du Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-layout.f6c429b6dfdf24d2fa144725d8435a22.png) Le Payment Element prend en charge : les boutons radio, les coches et les dispositions avec boutons flottants. ## Apparence Utilisez l’API Apparence pour personnaliser l’apparence de l’élément de paiement afin qu’il s’harmonise avec votre application. Grâce à l’API Apparence, vous pouvez contrôler les polices, les couleurs, les bordures, les ombres, etc. ![Personnalisation de l’apparence du Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-appearance.0c2a1c5208103bcfb92b67b10dd9fb2f.png) Exemples de différentes façons de personnaliser le style du Payment Element ## Moyens de paiement le payment element donne accès à plus de 100 moyens de paiement dans tous les pays pris en charge par Stripe. vous pouvez activer les moyens de paiement depuis votre dashboard Stripe ou en utilisant les [moyens de paiement personnalisés](https://docs.stripe.com/payments/payment-methods/custom-payment-methods.md). Les fournisseurs de moyens de paiement modifient souvent leurs exigences d’affichage et de collecte. Lorsque vous utilisez le Payment Element pour afficher les moyens de paiement, Stripe gère toute la collecte des informations de paiement dans des formulaires préconfigurés et localisés que nous tenons à jour pour chaque fournisseur. ![Moyens de paiement du Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-payment-methods.91cb1be9cb8ef55b873074dd6f3a7c12.png) Exemples de P24 et SEPA débit dans le Payment Element ## Wallets Le composant Element Payment prend en charge les wallets les plus populaires, notamment Apple Pay et Link, le wallet développé par Stripe. Le composant Element Payment affiche les wallets en ligne comme options de moyens de paiement. ![Wallets dans le Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-wallets.fed1c5ad5fbb89d74be25e02d291e25c.png) Exemple de Link dans Payment Element ## Moyens de paiement enregistrés Le Payment Element prend en charge l’enregistrement, l’affichage et la gestion des moyens de paiement enregistrés. La collecte du consentement est gérée automatiquement pour garantir la conformité à l’échelle mondiale. Les moyens de paiement enregistrés prennent en charge les cartes, les comptes bancaires américains et les comptes de prélèvement SEPA. L’API CustomerSessions offre un contrôle supplémentaire sur : - Quand afficher ou masquer la case de consentement à l’enregistrement - Quand afficher ou masquer les moyens de paiement enregistrés - Autoriser les acheteurs à supprimer les moyens de paiement enregistrés - Empêcher les acheteurs de supprimer le dernier moyen de paiement enregistré ![Moyens de paiement enregistrés dans le Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png) Exemples de façons dont les clients peuvent accéder à leurs moyens de paiement enregistrés dans le Payment Element ## Collecter les coordonnées d’adresse Vous pouvez configurer le Payment Element pour recueillir des informations de paiement supplémentaires, notamment le nom, l’adresse e-mail, le numéro de téléphone et l’adresse de facturation, quel que soit le moyen de paiement utilisé par le client. ![Collecte d’adresse dans le Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-collecting-address-details.f806ddc435848cdf38470fb4e5adb15b.png) Exemple montrant la collecte complète des informations de facturation ## Fonctionnalités supplémentaires Le Payment Element inclut également les fonctionnalités suivantes : - Récupération du CVC : Configurez si la récupération du CVC est requise lorsque les utilisateurs paient avec un moyen de paiement enregistré. - [Filtrage par marque de carte](https://docs.stripe.com/payments/mobile/filter-card-brands.md) : configurez les marques de carte que vous acceptez.