# Créer une intégration de paiements in-app Utiliser la fonctionnalité Payments de l’application Stripe pour créer une intégration de paiement personnalisée et des tunnels de paiement pour vos applications iOS, Android et React Native. Cet aperçu 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 désormais traiter les paiements intégrés à l’application à l’aide de Stripe. Si vous vendez des biens numériques sur iOS, découvrez comment mettre en œuvre un flux application Web à l’aide de Stripe Checkout, dans la rubrique [Vendre des biens numériques et des abonnements intégrés à l’application](https://docs.stripe.com/mobile/digital-goods/checkout.md). Avec la fonctionnalité Payments de l’application Stripe, vous pouvez : 1. Affichez dynamiquement plus de 40 moyens de paiement, dont Apple Pay, Google Pay et Link, ainsi que les moyens de paiement enregistrés. 1. Collectez les informations de paiement, telles que les numéros de carte de crédit et les détails de facturation. 1. Finalisez 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 | Contrôleur de flux | Payment Element | | -------------------------------------- | ------------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------------- | | Effort d’intégration | Complexity: 2/5 | Complexity: 3/5 | Complexity: 3/5 | | Afficher les moyens 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 | | Mener à bien le paiement | Dans une feuille | Vous contrôlez quand confirmer dans votre interface utilisateur | Vous contrôlez quand confirmer dans votre interface utilisateur | | Flexibilité de mise en page | Présentation de la feuille fixe | Feuille fixe pour la sélection, confirmation flexible | Intégrer des moyens de paiement n’importe où dans votre application | #### Payment Sheet ![Un tunnel de paiement affichant un écran de panier avec un bouton d’achat qui présente Payment Sheet pour finaliser le paiement](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![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) Cette intégration affiche les moyens de paiement, collecte 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** : scannez le QR code ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Cas d’usage optimaux…** - 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 moyen de paiement et confirmez le paiement séparément dans votre propre interface utilisateur. Pour ce faire, [utilisez le contrôleur de flux](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). - Intégrer les moyens de paiement directement dans vos écrans plutôt que dans une feuille. Pour cela, [utilisez Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Contrôleur de flux ![Un tunnel de paiement en plusieurs étapes affichant un écran de panier qui collecte un moyen de paiement dans la feuille Stripe avant que le client n’appuie sur le bouton d’achat](https://b.stripecdn.com/docs-statics-srv/assets/overview-flow-controller.20860fdb0ea1653eb5d60c826eee527c.png) ![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) Le contrôleur de flux utilise une feuille prédéfinie pour afficher et collecter les moyens 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** : scannez le QR code ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Cas d’usage optimaux…** - Le client sélectionne un moyen de paiement dans la feuille Stripe et confirme le paiement dans votre propre interface utilisateur. - Ajustez les totaux, appliquez des réductions ou collectez des informations supplémentaires après que le client a choisi un moyen de paiement. **Envisagez une autre option pour…** - Une expérience de paiement unique et de bout en bout, entièrement gérée dans un seul formulaire. Pour ce faire, [utilisez Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Intégrez les moyens de paiement directement dans vos propres écrans avec des lignes fortement personnalisées. Pour cela, [utilisez Payment Element](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Payment Element ![Un tunnel de paiement affichant un écran de panier qui collecte un moyen de paiement avec Payment Element intégré directement en ligne.](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *Payment Element intégré directement dans le panier.* ![Un tunnel de paiement comprenant un écran de panier, puis un second écran dédié à la collecte du moyen de paiement avec Payment Element.](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Payment Element affiché sur un écran dédié.* ![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) Payment Element affiche les moyens de paiement dans une vue intégrable plutôt que dans une feuille, ce qui vous permet de placer la liste des moyens de paiement n’importe où dans votre application. Lorsqu’un client sélectionne une méthode nécessitant des informations supplémentaires, Stripe présente une feuille pour recueillir ces données en toute sécurité. Vous contrôlez, dans votre propre interface utilisateur, le moment et la manière dont le paiement est confirmé. Vous pouvez entièrement personnaliser l’apparence et le comportement des lignes de moyens de paiement pour les adapter aux schémas de navigation et au système de conception de votre application grâce au [guide de l’API Appearance](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md). **Essayez la démo** : scannez le QR code ou utilisez ce [lien](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) pour télécharger une application de démonstration interactive. **Cas d’usage optimaux…** - Une flexibilité maximale concernant la mise en page et la navigation du parcours de paiement. - Des options de paiement affichées en ligne (par exemple, directement dans l’interface utilisateur de votre panier) ou sur un écran distinct 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 un seul formulaire. Pour ce faire, [utilisez Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Une étape distincte de « choix du moyen de paiement » avant la confirmation, sans intégrer les moyens de paiement directement en ligne. Pour cela, [utilisez le contrôleur de flux](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). #### Item 1 ## Choisir une API Pour l’intégration des paiements 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 | Collecter le paiement et prélever le client immédiatement. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », permettant aux clients de sauvegarder leur moyen de paiement pour leurs prochains achats. En savoir plus sur les [moyens de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Acheter un produit ou un service en une seule transaction (par exemple, lors d’un paiement e‑commerce). - Payer une course ou une livraison de nourriture au moment de la commande | | **Premiers pas** | [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 moyen de paiement pour les paiements futurs *sans* facturer le client. | | Moyens de paiement pris en charge | Moyens de paiement réutilisables uniquement | | Exemples | - Inscription à une application et enregistrement d’un moyen de paiement lors de l’onboarding - Mise en place d’un moyen de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour des campagnes de financement participatif (prélever uniquement si l’objectif est atteint). - Enregistrement des informations de paiement avant d’activer un utilitaire ou un service | | **Premiers pas** | [Configurer un moyen 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 immédiatement le client et enregistrez son moyen de paiement pour un usage futur en configurant votre PaymentIntent pour sauvegarder ce moyen de paiement. Vous pouvez exiger que tous les moyens de paiement soient sauvegardés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les moyens de paiement ponctuels, comme la plupart des [solutions de paiements différés](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les méthodes ponctuelles et réutilisables, configurez l’usage futur uniquement sur certains moyens de paiement, par exemple payment_method_options[card][setup_future_usage]](/api/payment_intents/object#payment_intent_object-payment_method_options-card-setup_future_usage) pour sauvegarder les cartes. | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui inclut un paiement initial (par exemple, débiter immédiatement le premier mois) - Facturer un achat initial tout en enregistrant le moyen de paiement pour des frais supplémentaires ou des produits additionnels. | | **Premiers pas** | [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 Pour l’intégration des paiements 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 | Collecter le paiement et prélever le client immédiatement. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », permettant aux clients de sauvegarder leur moyen de paiement pour leurs prochains achats. En savoir plus sur les [moyens de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Acheter un produit ou un service en une seule transaction (par exemple, lors d’un paiement e‑commerce). - Payer une course ou une livraison de nourriture au moment de la commande | | **Premiers pas** | [Accepter un paiement avec le contrôleur de flux](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 moyen de paiement pour les paiements futurs *sans* facturer le client. | | Moyens de paiement pris en charge | Moyens de paiement réutilisables uniquement | | Exemples | - Inscription à une application et enregistrement d’un moyen de paiement lors de l’onboarding - Mise en place d’un moyen de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour des campagnes de financement participatif (prélever uniquement si l’objectif est atteint). - Enregistrement des informations de paiement avant d’activer un utilitaire ou un service | | **Premiers pas** | [Configurer un moyen de paiement avec le contrôleur de flux](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 immédiatement le client et enregistrez son moyen de paiement pour un usage futur en configurant votre PaymentIntent pour sauvegarder ce moyen de paiement. Vous pouvez exiger que tous les moyens de paiement soient sauvegardés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les moyens de paiement ponctuels, comme la plupart des [solutions de paiements différés](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les méthodes ponctuelles et réutilisables, configurez l’usage futur uniquement sur certains moyens de paiement, par exemple payment_method_options[card][setup_future_usage]](/api/payment_intents/object#payment_intent_object-payment_method_options-card-setup_future_usage) pour sauvegarder les cartes. | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui inclut un paiement initial (par exemple, débiter immédiatement le premier mois) - Facturer un achat initial tout en enregistrant le moyen de paiement pour des frais supplémentaires ou des produits additionnels. | | **Premiers pas** | [Accepter et configurer un paiement avec le contrôleur de flux](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu) | #### Item 3 ## Choisir une API Pour l’intégration des paiements 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 | Collecter le paiement et prélever le client immédiatement. Notre interface utilisateur affiche une case à cocher « Enregistrer mes informations », permettant aux clients de sauvegarder leur moyen de paiement pour leurs prochains achats. En savoir plus sur les [moyens de paiement enregistrés](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Acheter un produit ou un service en une seule transaction (par exemple, lors d’un paiement e‑commerce). - Payer une course ou une livraison de nourriture au moment de la commande | | **Premiers pas** | [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 moyen de paiement pour les paiements futurs *sans* facturer le client. | | Moyens de paiement pris en charge | Moyens de paiement réutilisables uniquement | | Exemples | - Inscription à une application et enregistrement d’un moyen de paiement lors de l’onboarding - Mise en place d’un moyen de paiement au début d’un abonnement avec une période d’essai gratuite - Collecte des informations de paiement pour des campagnes de financement participatif (prélever uniquement si l’objectif est atteint). - Enregistrement des informations de paiement avant d’activer un utilitaire ou un service | | **Premiers pas** | [Configurer un moyen 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 immédiatement le client et enregistrez son moyen de paiement pour un usage futur en configurant votre PaymentIntent pour sauvegarder ce moyen de paiement. Vous pouvez exiger que tous les moyens de paiement soient sauvegardés en configurant `setup_future_usage`. L’utilisation de `setup_future_usage` désactive les moyens de paiement ponctuels, comme la plupart des [solutions de paiements différés](https://docs.stripe.com/payments/buy-now-pay-later.md). Pour prendre en charge à la fois les méthodes ponctuelles et réutilisables, configurez l’usage futur uniquement sur certains moyens de paiement, par exemple payment_method_options[card][setup_future_usage]](/api/payment_intents/object#payment_intent_object-payment_method_options-card-setup_future_usage) pour sauvegarder les cartes. | | Moyens de paiement pris en charge | À usage unique et réutilisable | | Exemples | - Inscription des utilisateurs à un abonnement qui inclut un paiement initial (par exemple, débiter immédiatement le premier mois) - Facturer un achat initial tout en enregistrant le moyen de paiement pour des frais supplémentaires ou des produits additionnels. | | **Premiers pas** | [Accepter et configurer un paiement avec Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | ## Moyens de paiement enregistrés La fonctionnalité Payments de l’application Stripe permet d’enregistrer, d’afficher et de gérer les cartes bancaires, les comptes bancaires américains et les moyens de paiement SEPA déjà sauvegardés. La collecte du consentement est gérée automatiquement, garantissant une conformité internationale. #### Item 1 ![Moyens de paiement enregistrés dans la Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Accès aux moyens de paiement sauvegardés dans le Payment Sheet #### Item 2 ![Moyens de paiement enregistrés dans la Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Exemples de façons dont les clients peuvent accéder à leurs moyens de paiement enregistrés dans la Payment Sheet #### Item 3 ![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 L’[API CustomerSessions](https://docs.stripe.com/api/customer_sessions.md) offre un contrôle supplémentaire sur les éléments suivants : - 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é ## Fonctionnalités et disponibilité - **Interface utilisateur** Paiements intégrés à l’application - **Personnalisation de l’interface** Avec possibilité d’extension à l’aide de l’[API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md) - **Moyens de paiement** 1 - [100+](https://docs.stripe.com/payments/payment-methods/integration-options.md#choose-how-to-add-payment-methods) - [Moyens 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) - [Moyens de paiement personnalisés](https://docs.stripe.com/payments/mobile/custom-payment-methods.md) - **Prise en charge 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) 1 Les moyens de paiement par wallet nécessitent [l’enregistrement de votre domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md).