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 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, Android et React Native. Consultez notre guide Accepter les paiements dans l’application pour commencer.

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

Exemple d’intégration du Payment Element

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

Accès à plus de 100 moyens de paiement dans le monde : cela inclut Apple Pay, Link et d’autres moyens de paiement populaires activés automatiquement.
Moyens de paiement dynamiques : ordonnez et affichez dynamiquement les moyens de paiement et lancez des tests A/B pour de nouveaux moyens de paiement.
Personnalisation de l’interface pour correspondre à votre application : 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 : recueillez des adresses de facturation complètes ou partielles avec n’importe quel moyen de paiement.
Moyens de paiement enregistrés : enregistrez, réutilisez et gérez les cartes et comptes bancaires. Vous pouvez également stocker les informations de paiement d’un client sans paiement initial.

Présentation des Elements in-app de Stripe

Scannez ce QR code avec votre appareil mobile iOS pour essayer un App Clip interactif qui présente les Elements in-app de Stripe. Dans cet App Clip, vous pouvez générer différentes spécifications d’interface pour voir celle qui convient le mieux à votre cas d’utilisation.

QR code de présentation de Stripe In-app Payments

Disposition

Choisissez entre une disposition avec boutons radio, cases à cocher ou boutons flottants.

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.

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.

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.

Exemples de P24 et SEPA débit dans le Payment Element

Wallets

Le Payment Element prend en charge les wallets les plus populaires, notamment Apple Pay et Link, le wallet développé par Stripe. Le Payment Element affiche les wallets directement comme options de moyens de paiement.

Exemple de Link dans le 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é

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

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 : configurez les marques de carte que vous acceptez.