Tester le rendu des portefeuilles Apple et Google

Comparez votre intégration aux intégrations de démonstration fonctionnelles pour identifier les éventuels problèmes de rendu.

La démonstration suivante présente différentes intégrations de paiement Stripe avec Apple Pay et Google Pay. Utilisez la démo pour comparer visuellement l’affichage de ces portefeuilles dans les intégrations de démonstration et dans votre propre intégration.

Si les options de paiement Apple Pay et Google Pay s’affichent comme prévu dans la démo et votre intégration, elles sont configurées correctement.
Si vous disposez d’un portefeuille valide, mais qu’il ne s’affiche pas comme moyen de paiement dans la démo, ajustez la configuration de votre appareil et de votre navigateur jusqu’à ce qu’Apple Pay et Google Pay apparaissent comme il se doit.
Si votre portefeuille s’affiche dans les démos, mais pas dans votre propre intégration, vérifiez votre intégration.

Payment Element

Express Checkout Element

Sessions Checkout

Bouton Payment Request

Ancien

For this integration path, Stripe.js detects and supports the following wallets based on the state of your device.

Creating Express Checkout Element, output of the ready evennt will be shown soon

Vérifier la configuration de votre appareil et de votre navigateur

Si vous ne voyez pas le portefeuille que vous attendez dans les démos, il est possible que votre appareil ou votre navigateur ne réponde pas aux conditions Apple Pay ou Google Pay suivantes.

Le portefeuille doit comporter au moins une carte.
Remarque
Vous pouvez toujours afficher un portefeuille sans carte détectée dans le composant Express Checkout Element. Transmettez l’objet paymentMethods avec un portefeuille défini sur always lors de la création.
Vous devez utiliser un appareil Apple Pay et un appareil Google Pay compatibles.
Vous devez utiliser une version prise en charge d’un navigateur pris en charge pour le wallet que vous testez.
Remarque
This integration relies on the Payment Request API, which Android WebViews doesn’t support.
Autorisez les navigateurs concernés à accéder à votre portefeuille.
- Chrome : Paramètres > Remplissage automatique et mots de passe > Moyens de paiement > Autoriser les sites à vérifier si vous avez des moyens de paiement enregistrés
- Safari : Paramètres > Avancé > Autoriser les sites Web à vérifier la présence d’Apple Pay et d’Apple Card
- Opera : Paramètres > Avancé > Moyens de paiement > Autoriser les sites à vérifier si vous avez des moyens de paiement enregistrés
- Edge : Paramètres > Confidentialité, recherche et services > Autoriser les sites à vérifier si vous avez des moyens de paiement enregistrés
N’utilisez pas de fenêtre incognito dans Chrome ou de fenêtre privée dans Safari, Edge ou Opera.
Vérifiez que vous exercez vos activités à partir d’une région Apple Pay et d’une région Google Pay prises en charge.
Stripe n’affiche pas Apple Pay ou Google Pay pour les adresses IP en Inde.
Pour Apple Pay, vérifiez que votre appareil prend en charge l’authentification biométrique.

Vérifier votre intégration

Si les moyens de paiement du portefeuille prévus apparaissent dans les formulaires de paiement de démonstration, mais ne s’affichent pas dans votre propre intégration, les points de contrôle suivants peuvent permettre de résoudre le problème.

Enregistrer vos domaines

Consultez votre Dashboard Stripe pour confirmer les enregistrements de vos domaines. Vous devez enregistrer chaque domaine et sous-domaine séparément pour chaque environnement, y compris le mode production et chaque environnement de test.

Les utilisateurs de Connect doivent également tenir compte de la configuration des flux de fonds (paiement direct ou indirect) pour enregistrer les domaines correctement.

(Apple Pay) Enregistrer tous les domaines lors de l’utilisation d’iframes

Pour afficher Apple Pay dans une intégration utilisant des iframes, vous devez :

Assurez-vous que les domaines de l’iframe et du site de premier niveau correspondent si vous prenez en charge des versions de navigateur antérieures à Safari 17.
Définissez l’attribut allow="payment" sur l’iframe.
Enregistrez à la fois le domaine iframe et le domaine de niveau supérieur du site, s’ils sont différents (pris en charge par Safari 17 ou version ultérieure).

Activer les portefeuilles pour votre intégration

Activez les portefeuilles pris en charge dans vos configurations de moyens de paiement pour permettre aux moyens de paiement dynamiques de les afficher.
Pour indiquer manuellement les moyens de paiement du portefeuille numérique, incluez payment_method_types= ['card']lors de :
- La création du Payment Intent
- L’initialisation d’Elements de votre client afin de collecter les informations de paiement avant de créer un Intent.