Skip to content
Create account
or
Sign in
The Stripe Docs logo
/
Ask AI
Create account
Sign in
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Developer tools
Get started
Payments
Finance automation
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Overview
Versioning
Changelog
Upgrade your API version
Upgrade your SDK version
Developer tools
SDKs
API
Testing
    Test your integration
    Testing use cases
    Sandboxes
    Test Apple Pay and Google Pay rendering
Workbench
Event Destinations
Workflows
Stripe CLI
Stripe Shell
Developers Dashboard
Agent toolkit
Stripe health alertsBuild with LLMsStripe for Visual Studio CodeFile uploads
Security
Security
Extend Stripe
Stripe Apps
Stripe Connectors
Partners
Partner ecosystem
Partner certification
HomeDeveloper toolsTesting

Test Apple and Google wallet rendering

Compare your integration against working demo integrations to identify possible rendering issues.

Copy page

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.
Customer location
Size
Theme
Layout
This demo only displays Google Pay or Apple Pay if you have an active card with either wallet.

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

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.

    Note

    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 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:

  1. Make sure the iframe and top-level site domains match if you support pre-Safari 17 browser versions.
  2. Set the allow="payment" attribute on the iframe.
  3. 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_method_types= ['card'] when:
    • Creating the payment intent
    • Initializing Elements from your client to collect payment details before creating an Intent.
Was this page helpful?
YesNo
Need help? Contact Support.
Join our early access program.
Check out our changelog.
Questions? Contact Sales.
LLM? Read llms.txt.
Powered by Markdoc