renderPaymentsPage

renderPaymentsPage(HppSetupParams)

Renders the Fat Zebra Hosted Payments Page within the specified div element (see containerId in the example below).

const fz = new FatZebra({
  username: "MerchantXYZ"
});

fz.renderPaymentsPage({
  containerId: "fz-paynow",
  customer: {
    firstName: 'Captain',
    lastName: 'America',
    email: '[email protected]',
    address: '123 Australia Blvd.',
    city: 'Sydney',
    postcode: '2000',
    state: 'NSW',
    country: 'AU'
  },
  paymentIntent: {
    payment: {
      amount: 500,
      currency: "AUD",
      reference: "ref_123490"
    },
    verification: 'ver_123480'
  },
  options: { // Hpp display options
    hideButton: false,
    hideLogos: true
  }
});