Если Вы хотите, чтобы пользователь совершал оплату без перехода на платёжную форму RFI eCommerce, Вы можете встроить себе на сайт платёжный виджет:
Для того чтобы создать виджет Вам достаточно включить соответствующий чек-бокс в настройках в процессе создания кнопки оплаты.
Подключение виджета
Для включения виджета, в настройки сервиса должны быть внесены соответствующие настройки, которые вносятся по заявке в техническую поддержку.
Получим код в котором в отличии от стандартного появятся две дополнительные строки, добавляющие java скрипт на страницу:
На странице, где необходимо установить виджет - подключите скрипт:
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script |
1
2
3
4
5
6
7
8
9
10
type="text/javascript" |
src=" |
http://partner.rficb.ru/gui/ |
rfi_widget/js/v1.js"> |
Параметры оплаты передаются в атрибутах data-*:
| Атрибут | Описание | Обязательно |
|---|---|---|
| data-open | widget - окно оплаты откроется без перехода на новую страницу. Запустится виджет | Нет |
| data-type | Канал оплаты. Возможные значения | Нет |
| data-key | Ключ (идентификатор сервиса), присваиваемый системой при «создании кнопки» в личном кабинете | Да |
| data-cost | Сумма в рублях, которую клиент должен заплатить | Да |
| data-name | Описание оплачиваемого товара/услуги. Отображается на странице оплаты. | Да |
| data-orderid | Номер заказа в системе партнера, должен быть уникальным. Если нет необходимости определять каждый заказ, то можно сделать равным 0. | Да |
| data-email | Email плательщика | Нет |
| data-phone | Телефон плательщика | Нет |
Так-же можно прописать callback функции, если это необходимо:
| Название | Описание |
|---|---|
| RFI.successFunction() | Вызывается после успешной оплаты и закрытия виджета |
| RFI.errorFunction(reason) | Вызывается после неудачной оплаты и закрытия виджета. Передает reason.title - заголовок ошибки; reason.message - сообщение ошибки. |
| RFI.closeFunction() | Вызывается при закрытии виджета |
| RFI.openFunction() | Вызывается при открытии виджета |
Примеры
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script type="text/javascript" |
src=" |
http://partner.rficb.ru/gui/rfi_widget/js/ |
v1.js"> |
<a class=" |
<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" />
<input type="image" id="a1lite_button" style="border: 0;" src="https://partner.rficb.ru/gui/images/a1lite_buttons/button_small.png" value="Оплатить" />
</form>
Сгенерированный HTML код Вам надо вставить на свой сайт. В итоге Вы получите ту же кнопку, при нажатии на которую покупатель сможет произвести оплату не уходя с Вашего сайта.rfi_button" data-phone="79999999999" data-open="widget" datakey="eTTqtxlSL2CidqJEZO0Drrj90Tu1nLdlQvF1Izq+qmo=" data-cost="10" data-name="Еще
один тест с передачей параметров" data-orderid="0" data-email=«si@rfibank.ru»
href="#">Оплатить</a><br /> |
| Блок кода | ||||
|---|---|---|---|---|
| ||||
<script>
window.onload = function() {
RFI.successFunction = function () {
result.innerHTML += '<b>Успешно!</b> <br />';
};
RFI.errorFunction = function (reason) {
result.innerHTML += '<b>Ошибка</b>: ' + reason.title + '.\r\n' + reason.message + "<br />";
};
RFI.closeFunction = function () {
result.innerHTML += '<b>Виджет закрыт</b> <br />';
};
RFI.openFunction = function () {
result.innerHTML += '<b>Виджет открыт</b> <br />';
};
};
</script>
<p id="result"></p>
|
| Оглавление | ||||||
|---|---|---|---|---|---|---|
|