Step 1. Request Cashier Payment Page

Merchant needs to create a link to request Cashier Payment Page for its Customers.

URL Structure

[cashierBaseURL]/[brand]/index.html?jwt=[jwt]&lang=[lang]&version=[version]&source=[source]&gtm=[gtm]&variable1=[variable1]&variable2=[variable2]&variable3=[variable3]

Name	Type	Size/Format	Mandatory	Description
cashierBaseURL	string	Char (256) Format: URL	true	Cashier Deposit page base URL: Live: https://deposit.cashier.fintech360.tech
brand	string	Char (256) Format: only latin chars	true	Unique Merchant identifier to be used for the integration purposes. Provided by Cashier Customer Support Team.
jwt	string	Char (1024) Format: JWT token	true	JWT token encapsulated customer data.
lang	string	Char (2) Format: ISO 639-1 Code	false	One of Deposit Page supported language requested by merchant. Default: en
version	string	Default: 3	false	Cashier API version.
source	string	Char (256) Format: enum	false	Source from Deposit page is requested. Possible values: "WEB", "MOBILE_APP", "MOBILE_WEB".
gtm	string	N/A	false	GTM Identifier (Google Tag Manager Identifier) to be sent within notification to CRM.
variable1	string		false	Custom variable forwarded from Deposit page to Merchant system via Notifications Webhooks.
variable2	string		false	Custom variable forwarded from Deposit page to Merchant system via Notifications Webhooks.
variable3	string		false	Custom variable forwarded from Deposit page to Merchant system via Notifications Webhooks.

Deposit page events

Deposit page sends the following events:

• "height" event;
• "status" event.

To get the Deposit page content height, you need to subscribe to the “height” event,

Example code

function handleDepositSize(evt) {

    if (evt.data.type === 'height') {
        iframe.height = evt.data.height;
    }
}

window.addEventListener('message', handleDepositSize);

To receive the deposit status(only success is implemented as of now), you must subscribe to the “event” status

Example code

function handleDepositStatus(evt) {

    if (evt.data.status === 'success') {
        do something
    }
    window.addEventListener('message', handleDepositStatus);