Merchants who wish to display the Google Pay button directly on their website or mobile application can integrate using the Google Pay API.

Google Pay Integration Guides

To implement Google Pay™, merchants can refer to the official integration guides based on their platform:

Web Integrations : Google Pay Web Docs, Web Checklist, Web Brand Guidelines
Android Integrations: Google Pay Android Docs, Android Checklist, Android Brand Guidelines

These allow merchants to securely retrieve the customer's payment credentials during checkout.

Supported Authentication Method

This integration supports CRYPTOGRAM_3DS only. Additional 3DS step up is not required for this method.

const allowedCardAuthMethods = ["CRYPTOGRAM_3DS"];

📘
No additional 3DS step-up authentication is required when using this method. The dynamic cryptogram generated by the customer’s device is sufficient for secure authorization.

Supported Card Network

Only include card networks that are supported and enabled on your Telr account.

const allowedCardNetworks = ["VISA","MASTERCARD"];

Tokenization Specification

Use the following values for tokenizationSpecification:

const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    'gateway': 'telr',
    'gatewayMerchantId': '12345' // Replace with your TELR Store ID
  }
};

Transaction Info

Values for currencyCode and countryCode must be dynamically populated based on the specific transaction and the country where your Telr account is registered.

paymentDataRequest.transactionInfo = {
  totalPriceStatus: 'FINAL',
  totalPrice: amount, // Dynamically set based on cart total
  currencyCode: "AED", // Must match your Telr account currency
  countryCode: "AE"    // Must match your registered business country
};

Merchant Information

Configure merchantInfo in the following way:

paymentDataRequest.merchantInfo = {
  merchantName: 'Example Merchant Store', // Replace with your business name
  merchantId: 'BCR2DN6XXXXX' // Replace with your Google Merchant ID
};

The merchantId is obtained from the Google Pay & Wallet Console.

Passing the GooglePay Token to Telr Remote API

Once you receive the paymentData object from the Google Pay API, you must pass it directly as the googlepay object in your Remote JSON request.

Refer this link

Billing Address

If you are collecting customer information such as name, email, and billing address from Google Pay, you may omit the customer object in the remote.json API request. These details will be included in the Google Pay payment payload.

To request these fields, refer to this guide for the required configuration.

Prerequisites

Before going live, ensure the following steps are completed:

Register with the Google Pay & Wallet Console and select Telr as your payment processor.
Refer links for web and android