Skip to main content
Skip table of contents

Google Pay

Learn to set up and accept payments through Google Pay

Merchants can now support Google Pay as a payment method using XPay on their websites.

Requirements

1. XPay Element

  • Merchants need to use the XPay Element v4 SDK.

SDK URL

React Package

  • npm i @xstak/xpay-element-stage-v4

  • npm i @xstak/xpay-element-live-v4

But first, merchants should test integration on their staging for UAT environments.

2. XPay Flutter SDK

Use the following Flutter package version to enable Google Pay.

CODE
// for production
dependencies:
  xpay_element_flutter: ^3.3.0

// for stagging
dependencies:
  xpay_element_flutter_stage: ^3.6.0

3. Enabling Google Pay

  • Google Pay will only work with the Bank Alfalah gateway at the moment. If BAFL MIDs are not added to XAP account gateways, the Google Pay option won’t show.

  • In the XPay staging environment, Google Pay works by default.

Go-Live CheckList

  • Google Pay needs to be enabled on Bank Alfalah MIDs.

  • The merchant website domain, including the subdomain where the XPay Element Google Pay would be rendered, will need to be whitelisted by Google.

  • To go live with Google Pay on Flutter, you need to publish your app on the Google Play Store and then apply for live approval via the Google Pay & Wallet Console using the same published app.

Enable Google Pay on XAP

From store settings on XAP, the Google Pay option needs to be enabled.

image-20250627-101321.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.