Hosted Payments Page Integration
Instructions detailing how to integrate Google Pay™ into your Website using the Fat Zebra Hosted Payments Page
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 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>
Updated over 4 years ago