Hosted Payments Page Integration

Instructions detailing how to integrate Google Pay™ into your Website using the NoahPay 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 NoahPay Hosted Payments Page.
• Prior to implementing Google Pay, contact the NoahPay 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 NoahPay support representative will provide instructions on how to do this.

Implementation Steps

Follow the instructions in the NoahPay 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 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 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 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>