# Tester l’affichage des wallets Apple et Google Comparez votre intégration à des intégrations de démo fonctionnelles pour identifier les problèmes d’affichage éventuels. La démo suivante montre différentes intégrations de paiement Stripe avec Apple Pay et Google Pay configurés. Utilisez la démo pour comparer visuellement la façon dont ces wallets s’affichent dans les intégrations de démo et dans votre propre intégration. - Si les options de paiement Apple Pay et Google Pay apparaissent comme prévu, à la fois dans la démo et dans votre intégration, c’est qu’elles sont correctement configurées. - Si vous avez un wallet valide, mais que vous ne le voyez pas comme option de moyen de paiement dans la démo, [ajustez la configuration de votre appareil et de votre navigateur](https://docs.stripe.com/testing/wallets.md#device-requirements) jusqu’à ce qu’Apple Pay et Google Pay apparaissent comme prévu. - Si votre wallet s’affiche dans les démos mais pas dans votre propre intégration, [vérifiez votre intégration](https://docs.stripe.com/testing/wallets.md#integration-requirements). # Payment Element > This is a Payment Element for when ui is payment-element. View the full page at https://docs.stripe.com/testing/wallets?ui=payment-element. Pour ce chemin d’intégration, Stripe.js détecte et prend en charge les portefeuilles suivants en fonction de l’état de votre appareil. ## Vérifier la configuration de votre appareil et de votre navigateur Si vous ne voyez pas le wallet attendu dans les démos, il se peut que votre appareil ou votre navigateur ne remplisse pas les conditions Apple Pay ou Google Pay suivantes. - Le wallet doit contenir au moins une carte. - Vous devez utiliser un [appareil compatible avec Apple Pay](https://support.apple.com/en-us/102896) et un [appareil compatible avec Google Pay](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements). - Vous devez utiliser une [version prise en charge](https://docs.stripe.com/js/appendix/supported_browsers) d’un [navigateur pris en charge](https://docs.stripe.com/stripe-js/elements/payment-request-button.md?client=html#testing) pour le wallet que vous testez. - Autoriser les navigateurs concernés à accéder à votre wallet. - Chrome : **Paramètres** > **Saisie automatique et mots de passe** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Safari : **Paramètres** > **Avancé** > **Autoriser les sites Web à rechercher Apple Pay et Apple Card** - N’utilisez pas de fenêtre de navigation privée dans Chrome ou Safari. - Confirmez que vous opérez depuis une [région prise en charge par Apple Pay](https://support.apple.com/en-us/102775) et une [région prise en charge par Google Pay](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments). - Stripe n’affiche pas Apple Pay ou Google Pay pour les adresses IP en Inde ou pour les comptes Stripe basés en Inde. - Pour Apple Pay, confirmez que votre appareil prend en charge l’[authentification biométrique](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.). ## Vérifier votre intégration Si les moyens de paiement par wallet attendus s’affichent dans les formulaires de paiement de la démo, mais pas dans votre propre intégration, les points de contrôle suivants pourraient résoudre le problème. ### Enregistrer vos domaines Consultez votre [Stripe Dashboard](https://dashboard.stripe.com/settings/payment_method_domains) pour confirmer l’enregistrement de votre domaine. Vous devez [enregistrer chaque domaine et sous-domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain) séparément pour chaque environnement, y compris le mode production et chaque *environnement de test* (A sandbox is an isolated test environment that allows you to test Stripe functionality in your account without affecting your live integration. Use sandboxes to safely experiment with new features and changes). Les utilisateurs de Connect doivent également tenir compte de la configuration du flux de fonds (paiement direct ou indirect) pour un [enregistrement de domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect) correct. ### (Apple Pay) Enregistrer tous les domaines lors de l’utilisation d’iframes Pour voir Apple Pay dans une intégration utilisant des iframes, vous devez : 1. 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. 1. Définissez l’attribut `allow="payment"` sur l’iframe. 1. Enregistrez à la fois le domaine de l’iframe et le domaine de premier niveau du site, s’ils sont différents (pris en charge par Safari 17 ou version ultérieure). ### Activer les wallets pour votre intégration - Activez les wallets pris en charge dans vos [configurations de moyens de paiement](https://dashboard.stripe.com/test/settings/payment_methods) pour vous assurer que les [moyens de paiement dynamiques](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) peuvent les afficher. - Pour spécifier manuellement les moyens de paiement par wallet, incluez `payment_method_types= ['card']` lors de : - [Création de l’intention de paiement](https://docs.stripe.com/api/payment_intents/create.md#create_payment_intent-payment_method_types) - [Initialisation des Elements](https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-paymentMethodTypes) depuis votre client pour collecter les informations de paiement [avant de créer une Intent](https://docs.stripe.com/payments/accept-a-payment-deferred.md). # Express Checkout Element > This is a Express Checkout Element for when ui is express-checkout-element. View the full page at https://docs.stripe.com/testing/wallets?ui=express-checkout-element. Pour ce chemin d’intégration, Stripe.js détecte et prend en charge les portefeuilles suivants en fonction de l’état de votre appareil. ## Vérifier la configuration de votre appareil et de votre navigateur Si vous ne voyez pas le wallet attendu dans les démos, il se peut que votre appareil ou votre navigateur ne remplisse pas les conditions Apple Pay ou Google Pay suivantes. - Le wallet doit contenir au moins une carte. > Vous pouvez toujours afficher un wallet sans carte détectée dans Express Checkout Element. Transmettez l’objet [paymentMethods](https://docs.stripe.com/js/elements_object/create_express_checkout_element) avec un wallet défini sur `always` lors de la création. - Vous devez utiliser un [appareil compatible avec Apple Pay](https://support.apple.com/en-us/102896) et un [appareil compatible avec Google Pay](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements). - Vous devez utiliser une [version prise en charge](https://docs.stripe.com/js/appendix/supported_browsers) d’un [navigateur pris en charge](https://docs.stripe.com/elements/express-checkout-element.md#supported-browsers) pour le wallet que vous testez. - Autoriser les navigateurs concernés à accéder à votre wallet. - Chrome : **Paramètres** > **Saisie automatique et mots de passe** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Safari : **Paramètres** > **Avancé** > **Autoriser les sites Web à rechercher Apple Pay et Apple Card** - Opera : **Paramètres** > **Avancé** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Edge : **Paramètres** > **Confidentialité, recherche et services** > **Autoriser les sites à vérifier si vous avez enregistré des moyens de paiement** - N’utilisez pas de fenêtre de navigation privée dans Chrome ou de fenêtre privée dans Safari, Edge ou Opera. - Confirmez que vous opérez depuis une [région prise en charge par Apple Pay](https://support.apple.com/en-us/102775) et une [région prise en charge par Google Pay](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments). - Stripe n’affiche pas Apple Pay ou Google Pay pour les adresses IP en Inde. - Pour Apple Pay, confirmez que votre appareil prend en charge l’[authentification biométrique](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.). ## Vérifier votre intégration Si les moyens de paiement par wallet attendus s’affichent dans les formulaires de paiement de la démo, mais pas dans votre propre intégration, les points de contrôle suivants pourraient résoudre le problème. ### Enregistrer vos domaines Consultez votre [Stripe Dashboard](https://dashboard.stripe.com/settings/payment_method_domains) pour confirmer l’enregistrement de votre domaine. Vous devez [enregistrer chaque domaine et sous-domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain) 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 du flux de fonds (paiement direct ou indirect) pour un [enregistrement de domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect) correct. ### (Apple Pay) Enregistrer tous les domaines lors de l’utilisation d’iframes Pour voir Apple Pay dans une intégration utilisant des iframes, vous devez : 1. 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. 1. Définissez l’attribut `allow="payment"` sur l’iframe. 1. Enregistrez à la fois le domaine de l’iframe et le domaine de premier niveau du site, s’ils sont différents (pris en charge par Safari 17 ou version ultérieure). ### Activer les wallets pour votre intégration - Activez les wallets pris en charge dans vos [configurations de moyens de paiement](https://dashboard.stripe.com/test/settings/payment_methods) pour vous assurer que les [moyens de paiement dynamiques](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) peuvent les afficher. - Pour spécifier manuellement les moyens de paiement par wallet, incluez `payment_method_types= ['card']` lors de : - [Création de l’intention de paiement](https://docs.stripe.com/api/payment_intents/create.md#create_payment_intent-payment_method_types) - [Initialisation des Elements](https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-paymentMethodTypes) depuis votre client pour collecter les informations de paiement [avant de créer une Intent](https://docs.stripe.com/payments/accept-a-payment-deferred.md). # Sessions Checkout > This is a Sessions Checkout for when ui is embedded-form. View the full page at https://docs.stripe.com/testing/wallets?ui=embedded-form. Pour ce chemin d’intégration, Stripe.js détecte et prend en charge les portefeuilles suivants en fonction de l’état de votre appareil. ## Vérifier la configuration de votre appareil et de votre navigateur Si vous ne voyez pas le wallet attendu dans les démos, il se peut que votre appareil ou votre navigateur ne remplisse pas les conditions Apple Pay ou Google Pay suivantes. - Le wallet doit contenir au moins une carte. - Vous devez utiliser un [appareil compatible avec Apple Pay](https://support.apple.com/en-us/102896) et un [appareil compatible avec Google Pay](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements). - Vous devez utiliser une [version prise en charge](https://docs.stripe.com/js/appendix/supported_browsers) d’un [navigateur pris en charge](https://docs.stripe.com/elements/express-checkout-element.md#supported-browsers) pour le wallet que vous testez. - Autoriser les navigateurs concernés à accéder à votre wallet. - Chrome : **Paramètres** > **Saisie automatique et mots de passe** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Safari : **Paramètres** > **Avancé** > **Autoriser les sites Web à rechercher Apple Pay et Apple Card** - Opera : **Paramètres** > **Avancé** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Edge : **Paramètres** > **Confidentialité, recherche et services** > **Autoriser les sites à vérifier si vous avez enregistré des moyens de paiement** - N’utilisez pas de fenêtre de navigation privée dans Chrome ou de fenêtre privée dans Safari, Edge ou Opera. - Confirmez que vous opérez depuis une [région prise en charge par Apple Pay](https://support.apple.com/en-us/102775) et une [région prise en charge par Google Pay](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments). - Stripe n’affiche pas Apple Pay ou Google Pay pour les adresses IP en Inde. - Pour Apple Pay, confirmez que votre appareil prend en charge l’[authentification biométrique](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.). ## Vérifier votre intégration Si les moyens de paiement par wallet attendus s’affichent dans les formulaires de paiement de la démo, mais pas dans votre propre intégration, les points de contrôle suivants pourraient résoudre le problème. ### (Embedded Checkout) Enregistrer vos domaines Consultez votre [Stripe Dashboard](https://dashboard.stripe.com/settings/payment_method_domains) pour confirmer l’enregistrement de votre domaine. Vous devez [enregistrer chaque domaine et sous-domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain) 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 du flux de fonds (paiement direct ou indirect) pour un [enregistrement de domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect) correct. ### Activer les wallets pour votre intégration - Activez les wallets pris en charge dans vos [configurations de moyens de paiement](https://dashboard.stripe.com/test/settings/payment_methods) pour vous assurer que les [moyens de paiement dynamiques](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) peuvent les afficher. - Pour spécifier manuellement les moyens de paiement par wallet, incluez `payment_method_types= ['card']` lors de [la création de la session de paiement](https://docs.stripe.com/api/checkout/session/create.md#create_checkout_session-payment_method_types). ### Les wallets peuvent apparaître dans un carrousel Les sessions Checkout affichent Apple Pay et Google Pay dans un carrousel de moyens de paiement, plutôt que sous forme de boutons autonomes, si : - Vous définissez [consent_collection.terms_of_service](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-consent_collection-terms_of_service) sur `required`. - Vous utilisez [custom_fields](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-custom_fields). - Vous définissez [tax_id_collection.required](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-tax_id_collection-required) sur `if_supported`. - L’adresse IP du client se trouve en Finlande ou en Suède et des moyens de paiement autres que par carte sont également disponibles. ### Limites - Les sessions Checkout qui utilisent [Stripe Tax](https://docs.stripe.com/tax.md) n’affichent Google Pay que si vous activez [shipping_address_collection](https://docs.stripe.com/api/checkout/sessions/create.md#create_checkout_session-shipping_address_collection). - (Embedded Checkout) Apple Pay nécessite Safari 17 ou une version ultérieure, car le flux de paiement intégré utilise des iframes avec des domaines différents. # Payment Request Button > This is a Payment Request Button for when ui is payment-request-button-element. View the full page at https://docs.stripe.com/testing/wallets?ui=payment-request-button-element. Pour ce chemin d’intégration, Stripe.js détecte et prend en charge les portefeuilles suivants en fonction de l’état de votre appareil. ## Vérifier la configuration de votre appareil et de votre navigateur Si vous ne voyez pas le wallet attendu dans les démos, il se peut que votre appareil ou votre navigateur ne remplisse pas les conditions Apple Pay ou Google Pay suivantes. - Le wallet doit contenir 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. 1. Dans la fenêtre contextuelle, cliquez sur le menu de dépassement (⋯) en haut à droite de la fenêtre. 1. Cliquez sur **Se déconnecter**, puis sur l’invite de confirmation **Se déconnecter**. 1. Après la fermeture de la fenêtre contextuelle, vérifiez que vous voyez Google Pay dans la démo. - Vous devez utiliser un [appareil compatible avec Apple Pay](https://support.apple.com/en-us/102896) et un [appareil compatible avec Google Pay](https://developers.google.com/pay/issuers/overview/supported-devices#compatibility_requirements). - Vous devez utiliser une [version prise en charge](https://docs.stripe.com/js/appendix/supported_browsers) d’un [navigateur pris en charge](https://docs.stripe.com/stripe-js/elements/payment-request-button.md?client=html#testing) pour le wallet que vous testez. - Autoriser les navigateurs concernés à accéder à votre wallet. - Chrome : **Paramètres** > **Saisie automatique et mots de passe** > **Moyens de paiement** > **Autoriser les sites à vérifier si des moyens de paiement sont enregistrés** - Safari : **Paramètres** > **Avancé** > **Autoriser les sites Web à rechercher Apple Pay et Apple Card** - N’utilisez pas de fenêtre de navigation privée dans Chrome ou Safari. - Confirmez que vous opérez depuis une [région prise en charge par Apple Pay](https://support.apple.com/en-us/102775) et une [région prise en charge par Google Pay](https://support.google.com/wallet/answer/12060037?sjid=7404612469520417090-NA#zippy=%2Cuse-google-wallet-for-payments). - Stripe n’affiche pas Apple Pay ou Google Pay pour les adresses IP en Inde. - Pour Apple Pay, confirmez que votre appareil prend en charge l’[authentification biométrique](https://support.apple.com/en-us/102626#:~:text=iPhone%20or%20.iPad,on%20all%20devices.). ## Vérifier votre intégration Si les moyens de paiement par wallet attendus s’affichent dans les formulaires de paiement de la démo, mais pas dans votre propre intégration, les points de contrôle suivants pourraient résoudre le problème. ### Enregistrer vos domaines Consultez votre [Stripe Dashboard](https://dashboard.stripe.com/settings/payment_method_domains) pour confirmer l’enregistrement de votre domaine. Vous devez [enregistrer chaque domaine et sous-domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain) 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 du flux de fonds (paiement direct ou indirect) pour un [enregistrement de domaine](https://docs.stripe.com/payments/payment-methods/pmd-registration.md?dashboard-or-api=dashboard#register-your-domain-while-using-connect) correct. ### (Apple Pay) Enregistrer tous les domaines lors de l’utilisation d’iframes Pour voir Apple Pay dans une intégration utilisant des iframes, vous devez : 1. 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. 1. Définissez l’attribut `allow="payment"` sur l’iframe. 1. Enregistrez à la fois le domaine de l’iframe et le domaine de premier niveau du site, s’ils sont différents (pris en charge par Safari 17 ou version ultérieure).