Google Pay Button Injection

The Google Pay button can be either:

The <ispaymentrequest> ISML tag injects a Google Pay control in the HTML page supports optional attributes to:

The <ispaymentrequest> tag must have a closing tag.

If there are already items in the shopper's basket and they click the Google Pay button for an individual product, the items currently in the basket are stored temporarily during the purchase of the individual item; the original items are then restored to the basket after the single item has been purchased.

There are two places where a button can be injected via configuration:

Each is represented by a CSS selector plus additional information about how to inject. The CSS selectors are based on SiteGenesis DOM and CSS class names, but can work on sites other than SiteGenesis.

When the user clicks a Google Pay button, an XHR is made to get the latest basket information. The PaymentRequest browser API is then called to show the payment sheet user interface, passing the basket and configuration data. As the user interacts with the Payment Request user interface by selecting a shipping address, shipping method, and finalizing payment, XHR requests are made to the Commerce Cloud server to keep the basket totals up to date. If the final payment authorization is successful, the browser navigates to the order confirmation page. The server side processing and final redirect are customizable in Commerce Cloud.

Related Links

Google Pay

Google Pay Process

Google Pay Supported Hardware

Google Pay Supported Locales

Enable Google Pay in Your Storefront

Configuring Google Pay in Business Manager

Enable Google Pay Using a Cartridge

Google Pay Payment Authorization

Google Pay Integration into Digital Processes