There Are No Accepted Cards Available For Use With This Merchant - Google Pay

I am trying to integrate Google Pay web into my website but when i click 'pay with googlepay' its shows the below error: There are no accepted cards available for use with this mer

Solution 1:

There are no accepted cards available for use with this merchant.

This message means that the current Google user doesn't have any cards that are compatible with the payment options that the merchant has provided. Specifically allowedCardNetworks and allowedAuthMethods.

Here is a JSFiddle that I created based on your snippet: https://jsfiddle.net/aumg6ncb/

This is what I get back after clicking on the button:

Solution 2:

If You are using Testing mode:- I think You used testing card on your Chrome browser or Google Wallet

When testing Google Pay you should have a real card saved in your Chrome browser or Google Wallet, and have your test API keys/test Google Pay environment active. The real card does not get charged, and Google passes a test card during the checkout flow instead of a real card. Our normal test cards do not work with Google Pay when the user tries to save them in Chrome