Шаблоны
страниц оплаты
Не надо тратить время и ресурсы на изучение
и реализацию сценариев оплаты. Мы сделали
это за вас! Просто выберите нужные опции,
а библиотека Payture.js и страницы оплаты сами адаптируются под любые нужды
Библиотека
payture.js
Скорость
Использование библиотеки Payture.js позволяет продавцу упростить процесс работы с шаблонами
при проведении оплаты на стороне платежного шлюза
Функциональность
Библиотека содержит необходимые инструменты для корректного сбора и отправки данных банковской карты покупателя. Она используется
в шаблонах оплаты, при привязке карт и на странице возврата
в интерфейсах Payture InPay
и Payture eWallet на стороне шлюза
Адаптивность
Все наши шаблоны — адаптивны,
поэтому они отображаются на всех
устройствах вне зависимости
от модели и разрешения экрана
Подготовка к работе
с библиотекой
<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>
Готовые платежные шаблоны
Чтобы максимально упростить процесс
интеграции, мы разработали готовые
технические реализации платежных шаблонов, которые подходят под самые разные сценарии оплаты
Стандартные шаблоны
Простое подключение скрипта
с параметрами
по умолчанию
Yandex Pay
Подключите быструю и удобную оплату
в одно касание с Yandex Pay
Шаблоны для виджета
Настройте процедуру оплаты через
интерфейс платежного виджета Payture
Стандартные
шаблоны
Для простого подключения скрипта для шаблона оплаты по карте с параметрами по умолчанию используйте функцию:
$ph.ready(function(){
Payture.InPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth}
})
});
Скрипт также поддерживает большое
количество дополнительных
параметров. Например, если Вы
не хотите использовать автоматически
определение банка при вводе номера
карты, вызовите функцию
с соответствующим параметром:
$ph.ready(function(){
Payture.InPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth},
CheckBins: false
})
});
Для простого подключения скрипта для шаблона оплаты по карте с параметрами по умолчанию используйте функцию:
$ph.ready(function(){
Payture.eWalletPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth}
})
});
Скрипт также поддерживает большое
количество дополнительных
параметров. Например, если Вы
не хотите использовать автоматически
определение банка при вводе номера
карты, вызовите функцию
с соответствующим параметром:
$ph.ready(function(){
Payture.eWalletPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth},
CheckBins: false
})
});
Оплата с помощью
Yandex Pay
Данный шаблон позволяет быстро и удобно оплачивать покупки в одно касание.
Чтобы подключить способы оплаты Apple Pay, Google Pay, Samsung Pay,
Вам необходимо
при вызове функции «InPay» указать соответствующие параметры:
$ph.ready(function(){
Payture.InPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth}
YandexPay: true
})
});
После установки шаблонов необходимо обратиться на support@payture.com
для настройки терминалов
Данный шаблон позволяет быстро и удобно оплачивать покупки в одно касание.
Чтобы подключить способы оплаты Apple Pay, Google Pay, Samsung Pay,
Вам необходимо
при вызове функции «InPay» указать соответствующие параметры:
$ph.ready(function(){
Payture.eWalletPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth}
YandexPay: true
})
});
После установки шаблонов необходимо обратиться на support@payture.com
для настройки терминалов
Шаблоны для виджета
Данный шаблон позволяет настроить
процедуру оплаты через интерфейс
платежного виджета Payture.
Для инициализации скрипта для оплаты
по карте с параметрами по умолчанию
используйте функцию:
$ph.ready(function(){
Payture.InPay({
use_3ds2: {use_3ds2},
use_3ds2_preauth: {use_3ds2_preauth},
CheckBins: false
})
});
После установки шаблонов необходимо обратиться на support@payture.com
для настройки терминалов
Основные требования
к шаблонам
- 1На странице оплаты должно
присутствовать скрытое поле Key
со значением {key},
в котором передаются
параметры платежа - 2Дополнительные параметры платежа
могут быть переданы вами
при инициализации сессии
Для вывода их на странице оплаты
где {param} – это имя передаваемого
параметра в нижнем регистре - 3HTML-код страницы должен содержать
блок с текстом {error}, который выводится
при возникновении ошибки. Блок
с плейсхолдером {error} используется
для вывода ошибок при не JSON типе
ответа сервера.
Блок с id="errorTop"
используется для вывода ошибок
при JSON типе ответа сервера - 4Ссылки на используемые ресурсы (стили,
изображения) должны иметь вид
/Templates/{Key}/{File},
где
{Key} – идентификатор продавца - 5На странице шаблона
не должно
быть ссылок, перенаправляющиx
пользователей на сторонние веб-сайты - 6В случае использования нескольких
шаблонов необходимо хранить
все ресурсы в общей папке - 7На странице шаблона запрещено
использование внешних ресурсов,
т.е. все изображения, файлы стилей
и скриптов должны передаваться вместе
со страницами шаблонов - 8Возможно использование нескольких
языков. В этих случаях вы передаете
параметр {Language}
в составе
параметров DATA
при инициализации
сессии
Имена файлов
Имя файла шаблона должно формироваться
согласно следующей схеме
[CUSTOMERS]
MERCHANT — для интерфейса InPay
CUSTOMERS — для интерфейса eWalletVWMerchant
Наименование терминала
в системе по умолчанию
MerchantAdd
Pay — для шаблона оплаты
Add — для шаблона привязки карты
Return — для страницы возврата. Данный тип шаблона открывается
после 3DS-проверкиMyCustom
Название шаблона,
если используется несколько шаблонов по умолчанию DefaultSpanish
Язык шаблона, если используется шаблоны
на разных языках
по умолчанию Default.template
Расширение файла шаблона
