Mobile Payment Element
Acceptez les paiements dans votre application mobile.
Le Payment Element pour mobile est un composant d’interface utilisateur qui permet de créer des flux de paiement dans votre application mobile. Utilisez nos trousses SDK iOS, Android et React Native pour commencer à l’utiliser. Vous pouvez styliser tous les Elements pour qu’ils correspondent à l’apparence de votre application.
Grâce au Mobile Payment Element, vous obtenez :
- Accès à plus de 100 moyens de paiement internationaux Cela inclut Apple Pay, Link et d’autres moyens de paiement populaires qui sont activés automatiquement.
- Moyens de paiement dynamiques Simplifiez le code de vos moyens de paiement en classant et en affichant dynamiquement les moyens de paiement, et lancez des tests A/B pour de nouveaux moyens de paiement.
- Personnalisations de l’interface utilisateur pour qu’elles correspondent à votre application Adaptez l’interface utilisateur à la conception de votre application. La mise en page reste cohérente, mais vous pouvez modifier les couleurs, les polices et plus encore.
- Collecte d’adresses Collectez des adresses de facturation complètes ou partielles avec n’importe quel moyen de paiement.
- Enregistrer et afficher des cartes et des comptes bancaires Enregistrez, réutilisez et gérez vos cartes et vos comptes bancaires. Vous pouvez également enregistrer les informations de paiement d’un client sans paiement initial.
Options d’intégration
Le Mobile Payment Element offre deux options d’intégration principales :
- Payment Sheet : Feuille préconfigurée qui peut être ouverte n’importe où dans votre application. La feuille affiche la liste des moyens de paiement, les boutons de paiement express, et contient le bouton de confirmation.
- Embedded Element : Un composant personnalisable qui intègre une liste de moyens de sur n’importe quel écran de votre application. Lorsqu’un moyen de paiement est sélectionné dans la liste, une feuille inférieure recueille les informations de paiement. Private preview
Comparaison des intégrations Payment Sheet et Embedded Element
Présentation
Si vous utilisez la Payment Sheet, définissez la présentation à . pour que Stripe fournisse la présentation appropriée du moyen de paiement. Vous pouvez également sélectionner une présentation . ou horizontal.
Lorsque vous utilisez l’Embedded Element, vous avez le choix entre une mise en page avec des boutons radio, des cases à cocher ou des boutons flottants avec un trait sélectionné.
La Payment Sheet est disponible dans les modes suivants : horizontal, carrousel et vertical.
L’Embedded Element prend en charge une mise en page avec des boutons radio, des cases à cocher et des boutons flottants.
Apparence
Utilisez l’API Appearance pour personnaliser l’apparence du Mobile Payment Element afin qu’elle corresponde à votre application. Avec l’API Appearance, vous pouvez contrôler les polices, les couleurs, les bordures, les ombres, etc.
La Payment Sheet prend en charge le style personnalisé pour les modes suivants : horizontal, carrousel et vertical.
L’Embedded Element prend en charge le style personnalisé d’une mise en page avec des boutons radio et des boutons flottants.
Moyens de paiement
Le Mobile 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 à partir de votre Dashboard Stripe ou à l’aide de moyens de paiement externes.
Les prestataires de services de paiement modifient souvent leurs exigences en matière de collecte et d’affichage. Lorsque vous utilisez Mobile Payment Element afin d’afficher les moyens de paiement, Stripe gère la collecte de toutes les informations de paiement dans des formulaires préconfigurés et localisés que nous tenons à jour avec chaque prestataire de services de paiement.
La Payment Sheet montre des exemples de formulaire de carte et de formulaire Klarna. L’Embedded Element présente des exemples d’utilisation du formulaire P24 et des prélèvements SEPA.
Portefeuilles numériques
Le Mobile Payment Element prend en charge les portefeuilles numériques populaires comme Apple Pay et Link, la solution de paiement en un clic de Stripe.
- Le Payment Sheet peut afficher les portefeuilles numériques à l’aide de boutons express.
- L’Embedded Element affiche les portefeuilles en ligne en tant qu’options de paiement.
La Payment Sheet illustre la prise en charge native de Apple Pay. L’Embedded Element illustre la prise en charge native de Link.
Moyens de paiement enregistrés
Le Payment Element pour mobile intègre la prise en charge de l’enregistrement, de l’affichage et de la gestion des moyens de paiement enregistrés. Les états de consentement sont gérés automatiquement, ce qui garantit 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 débit SEPA.
L’API CustomerSessions offre un contrôle supplémentaire sur :
- Quand afficher ou masquer la zone de consentement à l’enregistrement
- Quand afficher ou masquer les moyens de paiement enregistrés
- Autoriser les acheteurs de supprimer des moyens de paiement enregistrés
- Empêcher les acheteurs de supprimer le dernier moyen de paiement enregistré
Exemples sur la façon dont les utilisateurs peuvent accéder aux moyens de paiement enregistrés dans la Payment Sheet et l’Embedded Element.
Collecte des coordonnées
Vous pouvez configurer le Mobile Payment Element afin de recueillir des informations de paiement supplémentaires, notamment votre nom, votre adresse courriel, votre numéro de téléphone et votre adresse de facturation, quel que soit le moyen de paiement utilisé.
La Payment Sheet affiche le formulaire de carte avec les informations de facturation activées. L’Embedded Element affiche le formulaire P24 avec les informations de facturation activées.
Caractéristiques supplémentaires
Le Mobile Payment Element contient plusieurs fonctionnalités supplémentaires, notamment :
- Récupération du CVC : Indiquez si la récupération du CVC est requise lorsque les utilisateurs paient avec un moyen de paiement enregistré.
- Filtrage des marques de cartes : Configurez les marques de cartes que vous acceptez.: Configure which card brands you accept.