ДеньгиOnline

2017-07-29 03:29:05

Вызов платежной формы через JavaScript

Упрощенная техническая интеграция допускает вызов платежной формы через JavaScript поверх сайта Проекта. Для этого достаточно подключить JavaScript код к странице, передав параметры платежа.

Пример вызова

<script src="https://paymentgateway.ru/pgw/js/build/ext.min.js" id="PGWform" 
data-pgw_place=".PGWform" 
data-pgw_host="https://paymentgateway.ru/pgw/" 
data-pgw_type="modal" 
data-pgw_button="true" 
data-pgw_button_text="Оплатить заказ" 
data-pgw_button_style="//yandex.st/bootstrap/3.0.3/css/bootstrap.min.css" 
data-pgw_button_class="btn btn-primary" 
data-pgw_zindex="99999" 
data-pgw_nickname="test_nickname" 
data-pgw_orderid="test_order_123456" 
data-pgw_amount="100" 
data-pgw_project="294" 
data-pgw_payment_currency="RUB" 
data-pgw_comment="Комментарий к прохождению платежа"> 
</script>

Скрипт подключается в конец страницы, перед закрывающим тегом BODY. В коде страницы размещается контейнер для кнопки. По умолчанию:

<div id="PGWformPlace">
</div>

Если есть необходимость разместить несколько кнопок, то в вызываемом скрипте надо установить атрибут data-pgw_place, значением которого указать CSS-селектор, например, .PGWform.

Обязательные параметры

Параметр Описание
pgw_project ID Проекта

Весьма желательные параметры

Параметр Описание
pgw_amount Сумма платежа. Есть значение по умолчанию = 100
pgw_nickname То, что на проекте принято за имя пользователя

Возможные параметры

Параметр Описание
pgw_place CSS-селектор контейнера для встраивания кнопки, по умолчанию = #PGWformPlace
pgw_project ID проекта
pgw_width Ширина фрейма, по умолчанию = 680
pgw_height Высота фрейма, по умолчанию = 900
pgw_style Стили фрейма, css-строка, по умолчанию 'margin: auto; display: block; border: 0;'
pgw_type По умолчанию undefined, если modal, то фрейм будет выведен в модальном окне
pgw_zindex Важно для модального режима, если на странице сайта, куда встраивается фрейм, есть элементы с большим z-index
pgw_comment Комментарии к платежу, по умолчанию пусто
pgw_button Если true, то в сайт будет встроена кнопка в месте подключения скрипта, вызывающая фрейм, по умолчанию false
pgw_button_style URL, определяет путь к файлу стилей с оформлением для кнопки, по умолчанию pgw (будут подгружены стандартные стили оранжевой кнопки)
pgw_button_text Строка, меняющая текст на кнопке, по умолчанию Pay with DengiOnline
pgw_button_class CSS-класс кнопки, по умолчанию pgw_button. Если на сайте есть типовое оформление для кнопок, то здесь можно указать отвечающий за это css-класс
pgw_payment_currency Буквенный код валюты оплаты в соответствии с ISO 4217 alfa-3. По умолчанию = 'RUB'