Payment page templates

Payment page templates let the Merchant customize the look of the Payture payment page to match its brand. This section covers working with the Payture.js library, the standard InPay and eWallet templates and their configuration parameters, enabling additional payment methods, widget templates, and template requirements and file naming rules.

Using the Payture.js library

The Payture.js library is designed for working with payment templates on the payment gateway side and ensures that bank card data is collected and transmitted correctly. It is used in payment templates, for card binding, and on the return page in the Payture InPay and Payture eWallet interfaces.

All library templates are responsive and display correctly on devices with various screen sizes and resolutions.

Connecting the library

To work with the library, add the following resources to the HTML code of the payment page:

<link rel="stylesheet" href="/Templates/_Resources/css/css.css">

<!-- Main library -->
<script type="text/javascript" src="/Templates/_Resources/js-min/payture.min.js"></script>

<!-- Helper library -->
<script type="text/javascript" src="/Templates/_Resources/js-min/payture-helper-utils.min.js"></script>

Once the libraries are connected, you can use the tools they provide to work with card data and interact with payment templates.

Sections