Виджет

Расположение генератора кнопок с виджетом

Интерфейс предоставляет генератор кнопок для встраивания на сайт. Для создания кнопки необходимо проделать следующие шаги:

1. Открыть раздел "Инструменты"
2. Перейти в "Сервисы" (открывается по умолчанию первым)
3. Кликнуть по значку

Создание виджета из ЛК

1. Укажите название товара/услуги и стоимость в рублях.
2. Ометьте чекбокс "Использовать виджет"
3. Выберите вид кнопки
4. Нажмите «Создать код кнопки».
5. Вставьте код на странице оплаты вашего сайта.

Как виджет выглядит для покупателя:

Подключение виджета скриптом

На странице, где необходимо установить виджет - подключите скрипт:

Скрипт

<script type="text/javascript" src="https://partner.life-pay.ru/gui/lifepay_widget/js/v1.js">

Присвойте элементу class="lifepay_button"

Также можно прописать callback функции, если это необходимо:

• on_success: function () — вызывается после успешной оплаты и закрытия виджета;
• on_fail: function () — вызывается после неудачной оплаты и закрытия виджета;
• on_close: function () — вызывается при закрытии виджета.

Примеры

Ссылка с параметрами

<script type="text/javascript" src="https://partner.life-pay.ru/gui/lifepay_widget/js/lp-widget.js"></script>

<script type="text/javascript">
const widget = new LpWidget({
  name: 'demo invoice', //название заказа
  cost: '15', //стоимость
  key: 'VaR6rp0nK/BOYpGxzeCK/Kvw5AIu7wELVkjG13nQO/Q=', //ключ магазина
  email: '', //email плательщика
  order_id: 0, //номер заказа
  comment: 'some comment', //комментарий к заказу
  on_success: function () {
    // вызывается при успешной оплате
  },
  on_fail: function () {
    // вызывается при неуспешной оплате
  },
  on_close: function () {
    // вызывается при закрытии окна
  },
  is_recurrent: false, // нужна ли регистрация рекуррентного платежа
  recurrent_url: null // адрес оферты для рекуррентных платежей
});

widget.render();
</script>