Payment Element

Intégrez directement les modes de paiement dans votre application.

Ce composant Payment Element est personnalisable et permet d’intégrer une liste de modes de paiement sur n’importe quel écran de votre application. Lorsqu’un client sélectionne un mode de paiement dans la liste, une fenêtre s’affiche pour collecter les informations de paiement. Vous pouvez le personnaliser pour qu’il s’harmonise avec l’apparence et l’ergonomie de votre application. Le composant de paiement intégré est disponible dans nos SDK iOS, Android et React Native. Consultez notre guide sur l’acceptation des paiements dans l’application pour démarrer.

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 the Payment Element. 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 Vendre des biens numériques et des abonnements intégrés à l’application.

Exemple d’intégration d’un composant Payment Element

Avec le composant Payment Element, vous bénéficiez :

Accès à plus de 100 modes de paiement internationaux : ces modes de paiement incluent Apple Pay, Link et d’autres modes de paiement populaires qui sont automatiquement activés.
Modes de paiement dynamiques : commandez et affichez de façon dynamique les modes de paiement et lancez des tests A/B pour les nouveaux modes de paiement.
Personnalisation de l’interface utilisateur pour l’adapter à votre application : adaptez l’interface utilisateur au design de votre application. La mise en page reste cohérente, mais vous pouvez modifier les couleurs, les polices, etc.
Collecte d’adresses : collectez les adresses de facturation complètes ou partielles avec n’importe quel mode de paiement.
Modes de paiement enregistrés : sauvegardez, réutilisez et gérez les cartes et les comptes bancaires. Vous pouvez également sauvegarder les informations de paiement d’un client sans paiement initial.

Disposition

Choisissez entre la mise en page radio, la mise en page avec coches ou les boutons flottants.

Le composant Payment Element prend en charge : les boutons radio, les cases à cocher et les dispositions de boutons flottants.

Apparence

Utilisez l’API Appearance pour personnaliser l’apparence du composant Payment Element afin qu’il s’harmonise avec votre application. Grâce à l’API Appearance, vous pouvez contrôler les polices, les couleurs, les bordures, les ombres, etc.

Exemples de différentes façons de styliser le composant Payment Element

Modes de paiement

Le composant Payment Element donne accès à plus de 100 modes de paiement dans tous les pays pris en charge par Stripe. Vous pouvez activer les modes de paiement depuis votre Dashboard Stripe ou en utilisant les modes de paiement personnalisés.

Les prestataires de services de paiement modifient souvent leurs exigences en matière de recouvrement et d’affichage. Lorsque vous utilisez Payment Element pour afficher les modes de paiement, Stripe gère la collecte de toutes les informations de paiement dans des formulaires préétablis et localisés que nous mettons à jour régulièrement avec chaque prestataire de services de paiement.

Modes de paiement du composant Payment Element

Exemples de prélèvements P24 et SEPA dans le composant Payment Element

Portefeuilles numériques

Payment Element prend en charge les portefeuilles numériques populaires, notamment Apple Pay et Link, un portefeuille développé par Stripe. Payment Element affiche les portefeuilles numériques en ligne comme modes de paiement.

Exemple de Link dans Payment Element

Des modes de paiement enregistrés

Le composant Payment Element prend en charge l’enregistrement, l’affichage et la gestion des modes de paiement enregistrés. La collecte du consentement est gérée automatiquement, garantissant ainsi une conformité mondiale.

Les modes de paiement enregistrés prennent en charge les cartes, les comptes bancaires aux États-Unis et les comptes de débit SEPA.

L’API CustomerSessions 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é.

Modes de paiement enregistrés du composant Payment Element

Exemples illustrant comment les clients peuvent accéder aux modes de paiement enregistrés dans Payment Element.

Collecter les informations relatives à l’adresse

Vous pouvez configurer le composant Payment Element pour collecter des informations de paiement supplémentaires, notamment le nom, l’adresse de courriel, le numéro de téléphone et l’adresse de facturation, quel que soit le mode de paiement utilisé par le client.

Collecte de l’adresse pour le composant Payment Element.

Exemple illustrant l’ensemble des informations de facturation collectées

Autres fonctionnalités

Le composant Payment Element comprend également les fonctionnalités suivantes :

Mémorisation CVC : configurez si le recouvrement CVC est nécessaire lorsque les utilisateurs paient avec un mode de paiement enregistré.
Filtrage par marque de carte : configure les marques de carte que vous acceptez.