Шаблоны страниц оплаты

Стандартные шаблоны

Стандартные шаблоны предназначены для подключения базового интерфейса оплаты по умолчанию. Доступны два варианта: InPay и eWallet. Подключение осуществляется с помощью вызова соответствующих функций библиотеки Payture.js.

Интерфейс InPay

Для использования шаблона InPay с параметрами по умолчанию необходимо вызвать:

$ph.ready(function() {
    Payture.InPay({
        use_3ds2: {use_3ds2},
        use_3ds2_preauth: {use_3ds2_preauth}
    });
});
Скачать шаблон

Интерфейс eWallet

Для использования шаблона eWallet с параметрами по умолчанию применяется следующая функция:

$ph.ready(function() {
    Payture.eWalletPay({
        use_3ds2: {use_3ds2},
        use_3ds2_preauth: {use_3ds2_preauth}
    });
});
Скачать шаблон

Параметры конфигурации

Помимо базовых параметров шаблоны поддерживают глубокую настройку интерфейса, текстов, ошибок, внешних элементов, способов оплаты и поведения кнопок.

Возможные параметры и значения приведены ниже:

ПараметрДефолтное значениеОписание
LanguageRUЯзык, используемый на шаблоне: RU / EN
CardHolderCustomerПо умолчанию поле скрыто и передается Payture. При добавлении параметра на шаблон (с помощью параметра CardHolderBlock) данный параметр нужно оставить пустым
LogoUrlПуть к кастомному лого

Блок VisibilitySettings — группа параметров для управления отображением отдельных элементов интерфейса. Позволяет включать и выключать поля, кнопки и блоки. Список доступных параметров приведен ниже.

ПараметрДефолтное значениеОписание
EMailBlockfalseПоле для ввода e-mail
CardHolderBlockfalseПоле для ввода имени держателя карты
HeaderBlocktrueВидимость блока с логотипом Payture
FootnoteVisibilitytrueВидимость блока строки копирайта в футере
PaytureConditionstrueВидимость блока строки с условиями в футере: «Нажимая на кнопку „Оплатить", вы соглашаетесь с условиями использования сервиса»
ProviderNametrueВидимость строки с именем провайдера Payture у логотипа
ProviderDescriptiontrueВидимость строки с описанием провайдера Payment gateway у логотипа

Пример вызова с параметрами конфигурации:

$ph.ready(function() {
    Payture.InPay({
        Language: 'RU',
        CardHolder: 'Customer',
        LogoUrl: '',
        VisibilitySettings: {
            EMailBlock: true,
            CardHolderBlock: false,
            HeaderBlock: true,
            FootnoteVisibility: true,
            PaytureConditions: true
        }
    });
});