# Créez une intégration des paiements dans l’application Utiliser le composant Payments de l’application Stripe pour créer une intégration de paiement personnalisée et des flux de paiement pour vos applications iOS, Android et React Native. Cette présentation vous aidera à planifier votre intégration. > #### Applications américaines vendant des biens numériques > > Les applications Android aux États-Unis qui vendent des biens numériques peuvent traiter les paiements dans l’application avec Stripe. Si vous vendez des biens numériques sur iOS, consultez la procédure de mise en œuvre d’un flux de l’application vers le Web avec Stripe Checkout dans [Vendre des biens numériques et des abonnements dans l’application](https://docs.stripe.com/mobile/digital-goods/checkout.md). Avec le composant Payments de l’application Stripe, vous pouvez : 1. Affichez dynamiquement plus de 40 modes de paiement, dont Apple Pay, Google Pay et Link, ainsi que les modes de paiement enregistrés. 1. Recueillez les informations de paiement, telles que les numéros de carte de crédit et les détails de facturation. 1. Effectuez le paiement, en gérant l’authentification comme *3DS2* (3D Secure 2 (3DS2) removes friction from the authentication process and improves the purchase experience compared to 3D Secure 1. It's the main card authentication method used to meet Strong Customer Authentication (SCA) requirements in Europe and is a key mechanism for businesses to request exemptions to SCA) ou en redirigeant vers une application bancaire. ## Choisir une interface utilisateur Choisissez parmi trois intégrations d’interface utilisateur différentes en fonction de vos préférences en matière d’expérience utilisateur et de vos besoins en matière de conception. | | Payment Sheet | Flow Controller | Payment Element | | -------------------------------------- | ------------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------------ | | Effort d’intégration | Complexity: 2/5 | Complexity: 3/5 | Complexity: 3/5 | | Afficher les modes de paiement | Dans une feuille | Dans une feuille | Dans une vue intégrable | | Collecter les informations de paiement | Dans une feuille | Dans une feuille | Dans une feuille | | Paiement terminé | Dans une feuille | Vous contrôlez quand confirmer dans votre interface utilisateur | Vous contrôlez quand confirmer dans votre interface utilisateur | | Flexibilité de la mise en page | Présentation de la feuille fixe | Feuille fixe pour la sélection, confirmation flexible | Intégrer des modes de paiement n’importe où dans votre application | #### Payment Sheet ![Un flux de paiement affichant un écran de panier avec un bouton Acheter qui présente Payment Sheet pour finaliser le paiement](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![Code QR de la vitrine des paiements dans l’application Stripe App Store](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Cette intégration affiche les modes de paiement, recueille les informations de paiement et effectue le paiement dans une seule feuille prédéfinie. Nous recommandons d’utiliser cette interface utilisateur pour accepter les paiements dans votre application pour la plupart des utilisateurs. Vous pouvez personnaliser plus de 50 aspects de l’apparence, y compris les couleurs et les polices, à l’aide du [guide de l’API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md). **Essayez la démo** : Balayez le code QR ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Idéal pour…** - Ajoutez rapidement des paiements intégrés à votre application avec un minimum de code. - Un paiement où le client appuie sur un seul bouton « Acheter » et effectue le paiement en une seule étape. **Envisagez une autre option pour…** - Collectez d’abord un mode de paiement et confirmez le paiement séparément dans votre propre interface utilisateur. Pour ce faire, [utilisez Flow Controller](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). - Intégrez les modes de paiement directement dans vos propres écrans plutôt que dans une feuille. Pour ce faire, [utilisez Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Flow Controller ![Un flux de paiement en plusieurs étapes affichant un écran de panier qui recueille un mode de paiement dans la feuille Stripe avant que le client n’appuie sur le bouton Acheter.](https://b.stripecdn.com/docs-statics-srv/assets/overview-flow-controller.20860fdb0ea1653eb5d60c826eee527c.png) ![Code QR de la vitrine des paiements dans l’application Stripe App Store](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Flow Controller utilise une feuille prédéfinie pour afficher et collecter les modes de paiement, mais vous permet de contrôler quand et comment le paiement est confirmé dans votre propre interface utilisateur. Elle offre les mêmes [options de personnalisation](https://docs.stripe.com/elements/appearance-api/mobile.md) que Payment Sheet. **Essayez la démo** : Balayez le code QR ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Idéal pour…** - Le client sélectionne un mode de paiement dans la feuille Stripe et confirme le paiement dans votre propre interface utilisateur. - Ajustez les totaux, appliquez des rabais ou recueillez des informations supplémentaires une fois que le client a choisi un mode de paiement. **Envisagez une autre option pour…** - Une expérience de paiement unique et de bout en bout, entièrement gérée dans une seule feuille. Pour ce faire, [utilisez Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Intégrez directement les modes de paiement dans vos propres écrans grâce à des lignes hautement personnalisées. Pour ce faire, [utilisez Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Payment Element ![Flux de paiement affichant un écran de panier qui recueille un mode de paiement avec Payment Element intégré en ligne](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *Payment Element intégré directement dans le panier.* ![Flux de paiement affichant un écran de panier qui recueille un mode de paiement avec Payment Element sur un écran séparé.](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Payment Element affiché sur un écran dédié.* ![Code QR de la vitrine des paiements dans l’application Stripe App Store](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Payment Element affiche les modes de paiement dans une vue intégrable plutôt que dans une feuille, ce qui vous permet de placer la liste des modes de paiement n’importe où dans votre application. Lorsqu’un client sélectionne un mode de paiement nécessitant plus de détails, Stripe affiche une feuille afin de recueillir ces informations en toute sécurité. Vous contrôlez quand et comment le paiement est confirmé dans votre propre interface utilisateur. Vous pouvez entièrement personnaliser l’apparence et le comportement des lignes de mode de paiement afin qu’elles correspondent aux modèles de navigation et au système de conception de votre application à l’aide du [guide de l’API Appearance](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md). **Essayez la démo** : Balayez le code QR ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Idéal pour…** - Flexibilité maximale pour la mise en page et la navigation de la page de paiement. - Options de paiement apparaissant en ligne (par exemple, directement dans l’interface utilisateur de votre panier) ou sur un écran séparé que vous contrôlez. **Envisagez une autre option pour…** - Une expérience de paiement unique et de bout en bout, entièrement gérée dans une seule feuille. Pour configurer cela, [utilisez Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Une étape distincte « choisir le mode de paiement » avant la confirmation, sans intégrer les modes de paiement en ligne. Pour ce faire, [utilisez Flow Controller](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). #### Item 1 ## Choisir une API L’intégration du composant Payments dans l’application Stripe utilise soit [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) soit [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Accepter un paiement | ⠀ | | | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Description | Encaissez le paiement et facturez immédiatement le client. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », qui permet aux clients d’enregistrer leur mode de paiement pour leurs prochains achats. En savoir plus sur les [modes de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Achat d’un produit ou d’un service en une seule transaction (par exemple, paiement en ligne) - Payer un trajet ou une livraison de repas au moment de la commande | | **Démarrer** | [Accepter un paiement avec Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=payment) | ### Configurer un moyen de paiement | ⠀ | | | -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Description | Collectez et enregistrez un mode de paiement pour les paiements futurs *sans* facturer le client. | | Modes de paiement pris en charge | Modes de paiement réutilisables uniquement | | Exemples | - S’inscrire à une application et enregistrer un mode de paiement lors de l’intégration - Configurer un mode de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour les campagnes de financement participatif (facturation uniquement si l’objectif est atteint) - Enregistrement des informations de paiement avant l’activation d’un service public ou d’un service | | **Démarrer** | [Configurer un mode de paiement avec Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=setup) | ### Accepter et configurer un paiement | ⠀ | | | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) avec [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Description | Facturez le client dès maintenant et enregistrez son mode de paiement pour une utilisation future en configurant votre PaymentIntent pour enregistrer le mode de paiement. Vous pouvez exiger que tous les modes de paiement soient enregistrés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les modes de paiement à usage unique, comme la plupart des [modes de paiement fractionné](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les modes de paiement à usage unique et réutilisables, configurez l’utilisation future sur des modes de paiement précis, tels que [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) pour enregistrer les cartes. | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui comprend un paiement initial (par exemple, facturation immédiate du premier mois) - Facturation d’un achat initial tout en enregistrant le mode de paiement pour les frais accessoires ou les achats de produits additionnels | | **Démarrer** | [Accepter et configurer un paiement avec Payment Sheet](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=paymentsfu) | #### Item 2 ## Choisir une API L’intégration du composant Payments dans l’application Stripe utilise soit [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) soit [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Accepter un paiement | ⠀ | | | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Description | Encaissez le paiement et facturez immédiatement le client. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », qui permet aux clients d’enregistrer leur mode de paiement pour leurs prochains achats. En savoir plus sur les [modes de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Achat d’un produit ou d’un service en une seule transaction (par exemple, paiement en ligne) - Payer un trajet ou une livraison de repas au moment de la commande | | **Démarrer** | [Accepter un paiement avec Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=payment) | ### Configurer un moyen de paiement | ⠀ | | | -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Description | Collectez et enregistrez un mode de paiement pour les paiements futurs *sans* facturer le client. | | Modes de paiement pris en charge | Modes de paiement réutilisables uniquement | | Exemples | - S’inscrire à une application et enregistrer un mode de paiement lors de l’intégration - Configurer un mode de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour les campagnes de financement participatif (facturation uniquement si l’objectif est atteint) - Enregistrement des informations de paiement avant l’activation d’un service public ou d’un service | | **Démarrer** | [Configurer un mode de paiement avec Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup) | ### Accepter et configurer un paiement | ⠀ | | | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) avec [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Description | Facturez le client dès maintenant et enregistrez son mode de paiement pour une utilisation future en configurant votre PaymentIntent pour enregistrer le mode de paiement. Vous pouvez exiger que tous les modes de paiement soient enregistrés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les modes de paiement à usage unique, comme la plupart des [modes de paiement fractionné](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les modes de paiement à usage unique et réutilisables, configurez l’utilisation future sur des modes de paiement précis, tels que [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) pour enregistrer les cartes. | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui comprend un paiement initial (par exemple, facturation immédiate du premier mois) - Facturation d’un achat initial tout en enregistrant le mode de paiement pour les frais accessoires ou les achats de produits additionnels | | **Démarrer** | [Accepter et configurer un paiement avec Flow Controller](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu) | #### Item 3 ## Choisir une API L’intégration du composant Payments dans l’application Stripe utilise soit [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) soit [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Accepter un paiement | ⠀ | | | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Description | Encaissez le paiement et facturez immédiatement le client. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », qui permet aux clients d’enregistrer leur mode de paiement pour leurs prochains achats. En savoir plus sur les [modes de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Achat d’un produit ou d’un service en une seule transaction (par exemple, paiement en ligne) - Payer un trajet ou une livraison de repas au moment de la commande | | **Démarrer** | [Accepter un paiement avec Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configurer un moyen de paiement | ⠀ | | | -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Description | Collectez et enregistrez un mode de paiement pour les paiements futurs *sans* facturer le client. | | Modes de paiement pris en charge | Modes de paiement réutilisables uniquement | | Exemples | - S’inscrire à une application et enregistrer un mode de paiement lors de l’intégration - Configurer un mode de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour les campagnes de financement participatif (facturation uniquement si l’objectif est atteint) - Enregistrement des informations de paiement avant l’activation d’un service public ou d’un service | | **Démarrer** | [Configurer un mode de paiement avec Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) | ### Accepter et configurer un paiement | ⠀ | | | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) avec [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Description | Facturez le client dès maintenant et enregistrez son mode de paiement pour une utilisation future en configurant votre PaymentIntent pour enregistrer le mode de paiement. Vous pouvez exiger que tous les modes de paiement soient enregistrés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les modes de paiement à usage unique, comme la plupart des [modes de paiement fractionné](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les modes de paiement à usage unique et réutilisables, configurez l’utilisation future sur des modes de paiement précis, tels que [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) pour enregistrer les cartes. | | Modes de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui comprend un paiement initial (par exemple, facturation immédiate du premier mois) - Facturation d’un achat initial tout en enregistrant le mode de paiement pour les frais accessoires ou les achats de produits additionnels | | **Démarrer** | [Accepter et configurer un paiement avec Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | ## Des modes de paiement enregistrés Le composant Payments de l’application Stripe prend en charge l’enregistrement, l’affichage et la gestion des cartes enregistrées, des comptes bancaires américains et des modes de paiement par prélèvement SEPA. La collecte du consentement est gérée automatiquement, garantissant ainsi une conformité mondiale. #### Item 1 ![Modes de paiement enregistrés du composant Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) L’accès aux modes de paiement enregistrés dans Payment Sheet #### Item 2 ![Modes de paiement enregistrés du composant Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Exemples illustrant comment les clients peuvent accéder aux modes de paiement enregistrés dans Payment Sheet. #### Item 3 ![Modes de paiement enregistrés du composant Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png) Exemples illustrant comment les clients peuvent accéder aux modes de paiement enregistrés dans Payment Element. L’[API CustomerSessions](https://docs.stripe.com/api/customer_sessions.md) fournit un contrôle supplémentaire sur : - Quand afficher ou masquer la boîte de consentement d’enregistrement - Quand afficher ou masquer les modes de paiement enregistrés - Permettre aux acheteurs de supprimer les modes de paiement enregistrés - Empêche les acheteurs de supprimer le dernier mode de paiement enregistré. ## Caractéristiques et disponibilité - **UI** Paiements dans l’application - **Personnalisation de l’interface utilisateur** Extensif, en utilisant [l’API Apparence](https://docs.stripe.com/elements/appearance-api/mobile.md) - **Modes de paiement** { % sup %}1{ % /sup %} - [100+](https://docs.stripe.com/payments/payment-methods/integration-options.md#choose-how-to-add-payment-methods) - [Modes de paiement dynamiques](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) - [Paiement accéléré avec Link](https://docs.stripe.com/payments/link.md) - [Apple Pay](https://docs.stripe.com/apple-pay.md),[Google Pay](https://docs.stripe.com/google-pay.md), et[Amazon Pay](https://docs.stripe.com/payments/amazon-pay.md) - [Modes de paiement personnalisés](https://docs.stripe.com/payments/mobile/custom-payment-methods.md) - **Prise en charge du kit 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) - **Paiements uniques et récurrents** Oui - **Protection contre la fraude** [Oui](https://docs.stripe.com/radar.md) - **Paiements internationaux** [Oui](https://stripe.com/global) { % sup %}1{ % /sup %}Les modes de paiement par portefeuille numérique nécessitent[l’enregistrement de votre domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md).