Hosted Payments Page Integration

Instructions detailing how to integrate Google Pay™ into your Website using the Fat Zebra Hosted Payments Page

Pre-requisites

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 tag:

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

If your 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:

<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>