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

Mise en garde

Soit votre navigateur ne prend pas en charge l'API Payment Request, soit vous n'avez pas enregistré de moyen de paiement. Pour essayer la démo en direct de l'élément Payment Request Button, passez à l'un des navigateurs pris en charge ci-dessous, et vérifiez qu'un moyen de paiement est bien enregistré.

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

Running canMakePayment(), results 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.
(Google Pay) Déconnectez-vous de Link. Si l’option Payer avec Link s’affiche dans la démo, cela signifie que votre compte Link est prioritaire sur Google Pay. Pour vous déconnecter :
1. Cliquez sur Payer avec Link dans la démo.
2. Dans la fenêtre contextuelle, cliquez sur le menu de débordement () en haut à droite de la fenêtre.
3. Cliquez sur Se déconnecter, puis sur l’invite de confirmation de déconnexion.
4. Une fois la fenêtre contextuelle fermée, vérifiez que Google Pay apparaît dans la démo.
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
N’utilisez pas de fenêtre incognito dans Chrome ou de fenêtre privée dans Safari.
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).