| Примечание |
|---|
По умолчанию недоступен. Для включения виджета в настройках сервиса должны быть выполнены соответствующие правки, которые вносятся по заявке в отдел технической интеграции. В заявке предоставляется ИД сервиса из ЛК home.life-pay.ru |
Если Вы хотите, чтобы пользователь совершал оплату без перехода на платёжную форму RFI eCommerce, Вы можете встроить себе на сайт платёжный виджет:
Image Removed
Для того чтобы создать виджет Вам достаточно включить соответствующий чек-бокс в настройках в процессе создания кнопки оплаты.
Image Removed
Для включения виджета, в настройки сервиса должны быть внесены соответствующие настройки, которые вносятся по заявке в техническую поддержку.
Получим код в котором в отличии от стандартного появятся две дополнительные строки, добавляющие java скрипт на страницу:
Image Added
Подключение виджета
На странице, где необходимо установить виджет - подключите скрипт:
| <script rficbjs/jquery-1.11.0.min.js"></script><script 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() | Вызывается при открытии виджета |
Примеры
| Блок кода |
|---|
| language | xml |
|---|
| title | Ссылка с параметрами |
|---|
|
<script type="text/javascript" |
rficblife-pay.ru/gui/lifepay_widget/js/ |
widget_simplebutton><<form method="POST" application alba_widget_simplebutton" accept-charset="UTF-8" action="https://partner.rficb.ru/alba/input/"> <input type="hidden" name="key" value="SpJ81OgVy1tzurrB8OwY44Qb3H0xuXCzt0iZrnrkWVs=" />
<input type="hidden" name="cost" value="100" />
<input type="hidden" name="name" value="Тест" />
<input type="hidden" name="email" value="" />
<input type="hidden" name="order_id" value="0" />
</form>
Сгенерированный 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/> |
| Блок кода |
|---|
| language | js |
|---|
| title | Callback функции |
|---|
|
<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>
|
