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.

The following guidelines show how to include the Google Pay brand within your websites.

Google pay gpay