Payment Page
Templates

No need to spend time and resources on learning
and implementing payment scenarios. We've done
it for you! Just choose the desired options,
and the Payture.js library and payment pages will adapt to your needs

templates

Library

payture.js

Speed

Using the Payture.js library allows
the merchant to simplify the process
of working with templates
during payment processing
on the payment gateway side

Functionality

The library contains the necessary tools for correct collection
and submission of customer's bank card data. It is used
in payment templates, during card linking, and on the return page
in Payture InPay
and Payture eWallet interfaces
on the gateway side

Adaptability

All our templates are adaptive,
so they are displayed on all
devices regardless
of the model and screen resolution

Preparing to work
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 simplify the integration process
as much as possible, we've developed ready-made
technical implementations of payment templates suitable for various payment scenarios

Standard templates

Easy script connection
with default parameters

Yandex Pay

Connect fast and convenient payment
in one touch with Yandex Pay

Templates for widgets

Customize the payment procedure through
the interface of the Payture payment widget

Standard
Templates

Standard Templates

For a simple script connection for the card payment template with the default parameters, use the 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 do not want to use automatic bank detection
when entering the card number, call
the function
with the appropriate parameter:

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

For a simple script connection for the card payment template with the default parameters, use the 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
do not want to use automatic bank detection
when entering the card number, call
the function
with the appropriate parameter:

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

Payment with
Yandex Pay

Payment with Yandex Pay

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

  $ph.ready(function(){
    Payture.InPay({
      use_3ds2: {use_3ds2},
      use_3ds2_preauth: {use_3ds2_preauth}
    })
  });
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 enable payment methods Apple Pay, Google Pay, Samsung Pay, you need to
specify the corresponding parameters when calling the «InPay» function:

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

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

Widget Templates

Widget Templates

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

To initialize the script for payment
by card with default parameters
use the 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

Main requirements
for templates

  • 1
    The payment page must contain
    a hidden field Key
    with a digital signature value
    generated on the side
    of the merchant.
  • 2
    The payment page must have a special
    element to which the widget will
    be attached.
  • 3
    Templates must let users pay with
    bank cards and digital wallet services
    like Apple Pay, Google Pay,
    and Samsung Pay.

File Names

The template file name must be generated
according to the following scheme

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

    MERCHANT — for the InPay interface
    CUSTOMERS — for the eWallet interface

  • VWMerchant

    Terminal name
    in the system by default
    Merchant

  • Add

    Pay — for the payment template
    Add — for the card binding template
    Return — for the return page. This type of template opens
    after 3DS verification

  • MyCustom

    Template name, if multiple templates are used by default Default

  • Spanish

    Template language, if multiple templates are used

  • Templates on different languages
    Default

    Template language, if using templates
    in different languages
    by default 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