Use the Google Pay buttons to initiate the payment flow.Use only the Google Pay buttons provided by Google.

When you adjust the size of the Google Pay button, always keep its proportions Pay button is equal in size to the other button.Īlways use a Google Pay button that contrasts with the background on which it appears. Ensure theĬlear space is never broken with graphics or text.Įxamples If you place a Google Pay button next to another button, make sure the Google Clear spaceĪlways maintain the minimum clear space of 8 dp on all sides of the payment button. Important: Use of the 'Donate with Google Pay' asset requiresĪdditional Non-Profit Organization validation during onboarding. Use the following tool to preview the appearance of each button: To provide contrast, use dark buttons on light backgroundsĪnd light buttons on dark or colorful backgrounds. Don't create buttons with your own localized text. The Google Pay brand name must notīe translated. The 'Donate', 'Pay', 'Subscribe', 'Book', 'Checkout', 'Order', and 'View' buttons automaticallyĭisplay in the supported language that matches the viewer's browser settings.Īll Google Pay payment buttons exist in two styles: dark and light. Language that matches the viewer's browser settings. The 'Buy with Google Pay' option displays a translated button in a supported The card information option displays the card's brand network and the card's

If this convenience method or the supported languages don't suit your needs,

The button color must contrast with the background color of the area that surrounds it.

The button size with the buttonSizeMode option of the createButton

The size must be relative to other similar buttons or elements of the page.

Which include, but aren't limited to, the following requirements: JavaScript method dynamically inserts CSS rules and an SVG file from the Google CDN for anĪll Google Pay payment buttons on your site must adhere to our brand guidelines, Tool to configure a button for your website. The payment sheet where users can select their payment method. The Google Pay payment button must always call the Google Pay API.

These cards must be processed as regular credit cards, which means that for example 3-D Secure validations or fraud validations must be done.The following guidelines show how to include the Google Pay brand within your websites.

Consumers who want to pay with Google Pay, will use cards that are either:

My google payment