Log inGet started
Airwallex logo
Home
Online Payments
Treasury
Transactional FX
Payouts
Issuing
Scale
Open Banking
Developer Tools
API Reference
Home
Online Payments
Overview
Starting with paymentsAirwallex platform overviewOnline payments modelPricing model
Payment Methods
OverviewGlobal
CardsPaysafecardSkrillPayPalApple PayGoogle Pay™
Enable Google Pay™Hosted Payment Page
Embedded ElementsDrop-in ElementNative API
Airwallex Pay - coming soon
EU & UKAPACUS & LATAM

Hosted Payment Page

If you are using Hosted Payment Page integration option then you need to enable your account for Google Pay™ on the Airwallex web app. For details, see Enable Google Pay

You are not required to complete integration and registration formalities with Google for the Hosted Payment Page integration.

Integration steps

  1. Create a PaymentIntent Create a PaymentIntent API using the Airwallex API.

  2. Integrate Hosted Payment Page

  3. Configure Google Pay Include the googlePayRequestOptions JS object when calling the Airwallex redirectToCheckout method. Note that the countryCode is the only required field in googlePayRequestOptions. You can also include additional information to configure the button style or provide information on payment processing capabilities.

Example request

Airwallex.redirectToCheckout({
 // ... other options
 googlePayRequestOptions: {
  countryCode: "US",
  merchantInfo: {
merchantName: "Example Merchant",
  },
  emailRequired: true,
  billingAddressRequired: true,
  buttonType: "book",
  buttonColor: "black",
  buttonSizeMode: "fill",

});

Subscription payments

You can use Google Pay payment method to setup recurring payments on your website. Our API enables clients to provide clear information about the recurring contract terms which makes it easy for consumers to checkout with ease.

This documentation is limited to subsequent Merchant initiated transactions, subsequent Consumer Initiated Transaction is not considered since Google Pay is a digital wallet and already uses saved credentials to process payments.

Save details with deferred payment

  1. You need to follow the steps as described in the documentation

  2. Configure Google Pay to include information about the order items, charge & contract details, these details will be displayed on the paymentsheet shown to customer.

   redirectToCheckout({
    env: getAirwallexEnv(),
    client_secret: 'Your client secret id',
    currency: 'USD',
    customer_id: 'your customer id',
    mode: 'recurring',
    ...
    googlePayRequestOptions: {
       countryCode: 'US',
       displayItems:[{
       label: "monthly"
       price: "1"
       status: "FINAL"
       type: "LINE_ITEM"
    }],
   }
  });

Save details with payment

  1. You need to follow the steps as described in the documentation . Sample code is as below
redirectToCheckout({
    env: getAirwallexEnv(),
    intent_id: data?.id,
    client_secret: 'your client secret',
    currency: 'USD',
    customer_id: 'your customer id',
    mode: 'recurring',
    ...
    googlePayRequestOptions: {
       countryCode: 'US',
       displayItems:[{
       label: "monthly"
       price: "1"
       status: "FINAL"
       type: "LINE_ITEM"
    }],
   }
  });