Hosted Payments Page Integration

Pre-requisites

Read the Google Pay Web Brand Guidelines
Read the Google Pay APIs Acceptable Use Policy. You must adhere to this policy when integrating the Fat Zebra Hosted Payments Page.
Prior to implementing Google Pay, contact the Fat Zebra support team to have Google Pay enabled on your account. You will be required to agree to the Google Pay Terms of Services in the Merchant Dashboard. The Fat Zebra support representative will provide instructions on how to do this.

Implementation Steps

Follow the instructions in the Fat Zebra Hosted Payments Page documentation. A Google Pay button will be displayed by default on the Hosted Payments Page once Google Pay has been enabled on your account.

If you chose to integrate the Hosted Payments Page via an iframe you will need to specify allowpaymentrequest on the <iframe> tag:

html iframe with allowpaymentrequest attribute

<iframe
  allowpaymentrequest
  height='800'
  src='https://paynow.pmnts.io/xxxx/invoices?iframe=1&nonce=7705a1dd&ts=1511737426&v=8f14f3f99769ce96b2488dc4a1350ff8'
  width='600'>
</iframe>

If your <iframe> element uses the sandbox attribute, an allow-popups token should be set to allow display of the Google Pay payment sheet in a new window:

html iframe with sandbox attribute

<iframe
  allowpaymentrequest
  sandbox="allow-popups"
  height='800'
  src='https://paynow.pmnts.io/xxxx/invoices?iframe=1&nonce=7705a1dd&ts=1511737426&v=8f14f3f99769ce96b2488dc4a1350ff8'
  width='600'>
</iframe>