When set to true (and environment is Production), the Google Pay button will only be displayed if the user already has an existing payment that they can use to make a purchase. This can be done through the Google Pay Business Console. In order to use the 'PRODUCTION' environment, your website must be registered with Google Pay. Note: in the 'TEST' environment, fake payment credentials are returned. The CSS class name to apply to the element. 'long' and 'short' button types have been renamed to 'buy' and 'plain', but are still valid button types for backwards compatability. The 'plain' button only displays the Google Pay logo.

'book' | 'buy' | 'checkout' | 'donate' | 'order' | 'pay' | 'plain' | 'subscribe' | 'long' | 'short'ĭisplays their respective prompts (localized based on the user's browser settings) with the Google Pay logo. Use this mode when resizing the button with CSS width and height properties. 'fill' buttons will be styled according the the element's size. 'static' buttons will be sized according to the translated buttonType. Supported locales include en, ar, bg, ca, cs, da,ĭefault value is determined by the browser/operating system locale.

This ISO 639-1 code represents the desired button language. 'default'/ 'black' buttons are suitable to be used on light colored backgrounds, with 'white' being appropriate for dark colored backgrounds. Integrating Google Pay into your website. Visit the Google Pay developer site for more information about

Try it out on StackBlitz, or see it in action with a

Google gpay