Payment Page
Templates

No need to spend time and resources researching
and implementing payment solutions. We’ve done
it for you! Simply select the options you need,
and the Payture.js library and payment pages will automatically adjust to your needs

templates

Payture.js Library

payture.js

Speed

The Payture.js library makes it easier for the merchant
to work with templates when processing payments
on the payment gateway side

Utility

The library contains the necessary tools to properly collect
and send the buyer’s card data. It is used
in payment templates, during the card linking process, and on the return page
of the Payture InPay
and Payture eWallet interfaces
on the gateway side

Adaptability

All our templates are adaptable,
and can be displayed on all
devices regardless
of the model and screen resolution

Before working with
the library

Insert the following scripts into the HTML code of your 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>
copy-image

Ready-made payment templates

To make the integration process as easy as possible, we have developed payment templates that are ready to be implemented from a technical standpoint and suitable for a wide range of payment scenarios

Standard templates

Easily set up a script with default
parameters

Templates for widgets

Set up the payment procedure via our payment widget interface

Standard
Templates

Standard Templates

To easily set up the script for a card payment template with default parameters, use the following function:

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth}
    })
  });
copy-image

The script also supports a large number
of additional parameters. For example,
if you don’t want the bank to be automatically recognized
when entering the card number, call
the function
with the relevant parameter:

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth},
      CheckBins: false
    })
  });
copy-image

To easily set up the script for a card payment template with default parameters, use the following function:

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth}
    })
  });
copy-image

The script also supports a large number
of additional parameters. For example, if you
don’t want the bank to be automatically recognized
when entering the card number, call
the function
with the relevant parameter:

  $ph.ready(function(){
    Payture.eWalletPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth},
      CheckBins: false
    })
  });
copy-image

Payment with
MirPay

Payment with MirPay

This template allows for quick and convenient one-touch payments.
To set up the Apple Pay, Google Pay, or Samsung Pay payment method, you need to specify the relevant parameters when calling the «InPay» function:

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth}
      MirPay: true
    })
  });
copy-image

After installing the templates, please contact support@payture.com
to set up terminals

This template allows for quick and convenient one-touch payments.
To set up the Apple Pay, Google Pay, or Samsung Pay payment method, you need to
specify the relevant parameters when calling the «InPay» function:

  $ph.ready(function(){
    Payture.eWalletPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth}
      MirPay: true
    })
  });
copy-image

After installing the templates, please contact support@payture.com
to set up terminals

Widget Templates

Widget Templates

This template allows you to set up the
payment procedure via the
interface of the Payture payment widget.

To initialize the script for card payment
with default parameters
use the following function:

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth},
      CheckBins: false
    })
  });
copy-image

After installing the templates, please contact support@payture.com
to set up terminals

Basic requirements
for templates

  • 1
    The payment page must contain
    a hidden Key field with the value {key}, in which the payment parameters are passed
  • 2
    You can pass additional payment parameters during session initialization in the DATA parameter. To display them on the payment page, use the entry {param}, where {param}
    is the name of the passed parameter in lowercase
  • 3
    The HTML code of the page must contain
    a block with the text {error}, which is output when an error occurs. The block with placeholder {error} is used to output errors when the server response type is not JSON. The block
    with id="errorTop" is used to output errors when the server response type is JSON
  • 4
    Links to the used resources (styles, images) must follow the formula /Templates/{Key}/{File}, where {Key} is the merchant’s ID
  • 5
    The template page must not contain links
    that redirect users to third-party websites
  • 6
    If multiple templates are used, all resources must be stored in a common folder
  • 7
    The use of external resources on the template page is forbidden, that is, all images as well
    as style and scripts files must be passed together with the template pages
  • 8
    It is possible to use multiple languages.
    In these cases, you pass the parameter {Language}
    as part of the DATA parameters during session initialization

File Names

The template file name should be set
according to the following formula

[CUSTOMERS]VWMerchant-Add-MyCustom-Spanish.template
  • [CUSTOMERS]

    “MERCHANT” is for the InPay interface
    “CUSTOMERS” is for the eWallet interface

  • VWMerchant

    The default name of the terminal in the system is Merchant

  • Add

    “Pay” is used for the payment template
    “Add” is used for the card linking template
    “Return” is used for the return page. This template type is available after 3DS authentication

  • MyCustom

    The name of the template. If multiple templates are used, the default name is Default

  • Spanish

    The language of the template. If templates in different languages are used, the default language is Default

  • .template

    Template file extension

Connect online payments
Leave a request to connect or use our product Payture Lite
for a quick start
By clicking Submit, I agree with Privacy Policy
and By the regulation on the procedure for processing
personal data
and confirm Consent
to the processing of personal data
Our Social Networks
vk-icontelegram-icon
© Payture Group Limited 2013 - 2024Privacy Policy