Quick setup
googlePayContainerId is omitted, the SDK defaults to google-pay-slot and creates the container when missing.
Container layout
When both Apple Pay and Google Pay are enabled, Apple renders above Google, then the iframe below. The SDK injects#paysight-wallet-stack automatically.
Saved payment & upsell
savePaymentMethod and usePreviousPaymentMethod work on Google Pay the same as card checkout. See Saved payment & upsell.
Wallet-only mode
Combine withshowOnlyWalletMethods: true to hide the card form when Google Pay is available. See Wallet-only checkout.
Testing
- Use Chrome with a Google Pay wallet configured.
- Test on HTTPS — localhost may show manifest warnings that do not occur in production.
- Ensure
googlePayMerchantIdmatches your Paysight merchant configuration.
Troubleshooting
Button does not appear- Confirm
googlePayEnabledandgooglePayOptions.googlePayMerchantId. - Ensure
#google-pay-slot(or your custom id) exists in the DOM. - Check the browser console for Paysight client SDK errors.
allow="payment" iframe restrictions.
Live demo
Google Pay preset
Try Google Pay in the sandbox playground.
Playground guide
What to try in the Google Pay preset and related wallet scenarios.