Test Apple and Google wallet rendering
Compare your integration against working demo integrations to identify possible rendering issues.
The following demo shows different Stripe payment integrations with Apple Pay and Google Pay set up. Use the demo to visually compare how these wallets display in the demo integrations and your own integration.
- If the Apple Pay and Google Pay payment options appear as expected and in both the demo and your integration, they’re configured correctly.
- If you have a valid wallet, but you don’t see it as a payment method option in the demo, adjust your device and browser setup until Apple Pay and Google Pay appear as expected.
- If you see your wallet displayed in the demos but not in your own integration, check your integration.
You can run canMakePayment() to check which wallets stripe.js detects as supported and ready for your device.
Running canMakePayment(), results will be shown soon
Check your device and browser setup
If you can’t see your expected wallet in the demos, your device or browser might not meet the following Apple Pay or Google Pay conditions.
- The wallet must have at least one card.
- You must use a compatible Apple Pay device and Google Pay device.
- You must use a supported version of a supported browser for the wallet you’re testing.
Notiz
This integration relies on the Payment Request API which, Android WebViews doesn’t support.
- Allow applicable browsers to access your wallet.
- Chrome: Settings > Autofill and passwords > Payment methods > Allow sites to check if you have payment methods saved
- Safari: Settings > Advanced > Allow websites to check for Apple Pay and Apple card
- Don’t use a Chrome incognito window or Safari private window.
- Confirm you’re operating from a supported Apple Pay region and Google Pay region.
- Stripe doesn’t display Apple Pay or Google Pay for IP addresses in India.
- For Apple Pay, confirm your device supports biometric authentication.
Check your integration
If you see the expected wallet payment methods in the demo payment forms, but they don’t display in your own integration, the following checkpoints might resolve the issue.
Register your domains
Check your Stripe Dashboard to confirm your domain registrations. You must register every domain and sub-domain separately for each environment, including live mode, test mode, and each sandbox.
Connect users must also consider the funds flow configuration (direct or destination charge) for correct domain registration.
(Apple Pay) Register all domains when using iframes
To see Apple Pay in an integration using iframes you must:
- Make sure the iframe and top-level site domains match if you support pre-Safari 17 browser versions.
- Set the
allow="payment"
attribute on the iframe. - Register both the iframe domain and top-level domain of the site, if they’re different (supported by Safari 17 or later).
Enable wallets for your integration
- Enable supported wallets in your Payment Method Configurations to make sure Dynamic Payment Methods can render them.
- To manually specify wallet payment methods, include
payment_
when:method_ types= ['card'] - Creating the payment intent
- Initializing Elements from your client to collect payment details before creating an Intent.