| Примечание |
|---|
По умолчанию недоступен. Для включения виджета в настройках сервиса должны быть выполнены соответствующие правки, которые вносятся по заявке в отдел технической интеграции. В заявке предоставляется ИД сервиса из ЛК home.life-pay.ru |
Если Вы хотите, чтобы пользователь совершал оплату без перехода на платёжную форму RFI eCommerce, Вы можете встроить себе на сайт платёжный виджет.
Для того чтобы создать виджет Вам достаточно включить соответствующий чек-бокс в настройках в процессе создания кнопки оплаты.
Получим код в котором в отличии от стандартного появятся две дополнительные строки, добавляющие java скрипт на страницу:
:
Подключение виджета
На странице, где необходимо установить виджет - подключите скрипт:
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script |
type="text/javascript" |
src="https://partner. |
life-pay.ru/gui/ |
lifepay_widget/js/v1.js"> |
Присвойте элементу class="lifepay_button"
Параметры оплаты передаются в атрибутах data-*:
| Атрибут | Описание | Обязательно |
|---|---|---|
| data-open | widget - окно оплаты откроется без перехода на новую страницу. Запустится виджет | Нет |
| data-type | Канал оплаты. Возможные значения | Нет |
| data-key | Ключ первой версии (подпись запроса). Подробнее. | Да |
| data-cost | Сумма в рублях, которую клиент должен заплатить | Да |
| data-name | Описание оплачиваемого товара/услуги. Отображается на странице оплаты. | Да |
| data-orderid | Номер заказа в системе партнера, должен быть уникальным. Если нет необходимости определять каждый заказ, то можно сделать равным 0. | Да |
| data-email | Email плательщика | Нет (Временно не используется) |
| data-phone | Телефон плательщика | Нет |
| Предупреждение | ||
|---|---|---|
| ||
Параметры data-email временно не подлежат использованию в запросе. При его использовании виджет не отработает корректно. Будет исправлено в следующих обновлениях. Временно рекомендуется использовать принудительный ввод email в настройках сервиса. |
Так-же можно прописать callback функции, если это необходимо:
| Название | Описание |
|---|---|
| life-pay.successFunction() | Вызывается после успешной оплаты и закрытия виджета |
| life-pay.errorFunction(reason) | Вызывается после неудачной оплаты и закрытия виджета. Передает reason.title - заголовок ошибки; reason.message - сообщение ошибки. |
| life-pay.closeFunction() | Вызывается при закрытии виджета |
| life-pay.openFunction() | Вызывается при открытии виджета |
Примеры
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script type="text/javascript" |
src="https://partner. |
life-pay.ru/gui/lifepay_widget/js/ |
v1.js" |
></script> |
<a class=" |
Сгенерированный HTML код Вам надо вставить на свой сайт. В итоге Вы получите ту же кнопку, при нажатии на которую покупатель сможет произвести оплату не уходя с Вашего сайта.
lifepay_button"
data-phone="74952760800"
data-open="widget"
data-key="ключ первой версии API"
data-cost="10"
data-name="Еще один тест с передачей параметров" data-orderid="0" data-email="test@test.ru"
href="#">Оплатить</a><br/> |
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script>
window.onload = function() {
life-pay.successFunction = function () {
result.innerHTML += '<b>Успешно!</b> <br />';
};
life-pay.errorFunction = function (reason) {
result.innerHTML += '<b>Ошибка</b>: ' + reason.title + '.\r\n' + reason.message + "<br />";
};
life-pay.closeFunction = function () {
result.innerHTML += '<b>Виджет закрыт</b> <br />';
};
life-pay.openFunction = function () {
result.innerHTML += '<b>Виджет открыт</b> <br />';
};
};
</script>
<p id="result"></p>
|
| Оглавление | ||||||
|---|---|---|---|---|---|---|
|