Google Pay element

Copy for LLMView as Markdown

The Google Pay™ element allows you to offer Google Pay checkout option on your website. Shoppers can click the Google Pay button and pay using facial or fingerprint recognition.

Saving and reusing Google Pay wallet credentials—including PaymentIntent flows with customer_id, payment_consent, displayItems / mode: 'recurring', and merchant-initiated charges—is covered in Save and reuse payment details. Use the Google Pay element tab for setup and confirmation steps, or go directly to Google Pay element registered user checkout for recurring examples on the payment sheet.

Checkout flow

Choose whether to charge the shopper in a single session on your site or save their payment details for future charges.

Accept a payment

One-off payment when the shopper is present and active on your site.

Save and reuse payment details

Save shopper payment details and charge them again for future payments.

Supported features

You can add the following features to your Embedded element integration.

Style and appearance customization

Use style, appearance, buttonType, buttonColor, and buttonSizeMode in createElement('googlePayButton', …) JS to match your checkout. For examples and supported values, see Customize style and appearance and open the Google Pay element tab.

Localization

You can configure the element to display localized text for payment fields based on the locale specified in init(). If no locale is specified, the browser's locale will be used, if it is supported by Airwallex.js. For a list of supported locales, see locales JS.

If the browser's locale is not supported, the element will default to en.

Device fingerprinting

Device fingerprinting uniquely tracks and identifies devices used for transacting on your shopping site, increasing your protection from fraud. Airwallex.js automatically handles device fingerprinting, so no additional integration is needed.

Was this page helpful?