Include the following in your code

Stylesheet: https://cdn.<<PROGRAM DOMAIN>>.com.au/css/zenpay.payment.css
Javascript: https://cdn.<<PROGRAM DOMAIN>>.com.au/js/zenpay.payment.js

The implementation depends on jQuery version 3.7.1 and requires jQuery to be included in your code.

Execute the following jQuery code on the click of your ”Pay Now” button.

var payment = $.zpPayment({
    url: 'https://<<PROGRAM SUB-DOMAIN>>.<<PROGRAM DOMAIN>>/online/v5',
    merchantCode: '<<MERCHANT-CODE>>',
    MerchantUniquePaymentId: '<<UNIQUE-PAYMENT-ID>>',
    apiKey: '<<API-KEY>>',
    fingerprint: '<<FINGERPRINT>>',
    redirectUrl: '<<Your Redirect URL>>',
    mode: 0,
    displayMode: 0,
    customerName: 'Customer Name',
    customerReference: 'Reference 1',
    CustomerEmail: 'sample@test.com',
    paymentAmount: 100.00,
    timeStamp: '<<TIMESTAMP>>'
});
var result = payment.init();

PROGRAM DOMAIN, PROGRAM SUB-DOMAIN, and API-KEY will be provided by Zenith Payments. (Note that these will be different for each environment i.e. Live and UAT )
For FINGERPRINT refer to the parameter details below.

The following parameters are returned in mode 0 and 2. Same payload is also delivered in JSON format if callback URL is provided.

The following parameters are returned in mode 1. Same payload is also delivered in JSON format if callback URL is provided.

Note

The payload submitted to the callbackURL has an additional parameter called ValidationCode. You can use this validation code to authenticate the callback.

The ValidationCode is a SHA3-512 (v5), SHA512 (v4) or SHA1 (v3) hash of the fields in the following order with a pipe (|) as a separator.

In case of mode 0 and 2, the reference is PaymentReference output parameter and in case of mode 1, the reference is Token output parameter.
Refer the Fingerprint input parameter above for more information.

The following table illustrates the meaning of error codes returned.