Платежный виджет

При проведении интеграции через Simple API или API всегда имеется возможность использования Платежного виджета - всплывающей формы для ввода реквизитов карты плательщика без перехода пользователя на страницу Платежного шлюза. В данном варианте фактически ввод реквизитов карты происходит на стороне Платежного шлюза, а визуально - на стороне сайта Интернет-магазина. Отсутствие перенаправления на другие сайты положительно воспринимается пользователями и повышает конверсию платежей. Пример работы платежного виджета Вы можете увидеть, нажав на кнопку ниже.

Установите платёжный виджет

Вместо кнопки "Оплатить", на вашем сайте, вставте следующий код:

<script src="./js/script.js"></script>
<form form-type="sandbox" onsubmit="sendRequest();" class="payForm">
<input type="text" name="amount" placeholder="Сумма заказа" required value="1.00">
<input type="text" name="description" placeholder="Описание заказа" required value="оплата заказ 123">
<input type="text" name="merchant_order_id" placeholder="Номер заказа" value="123">
<input type="text" name="email" placeholder="email" value="email@email.ru">
<input type="text" name="locale" placeholder="locale" value="ru">
    <input type="hidden" name="site" value="glnet_demo">
    <input type="hidden" value="2de639e455ad2299792978ef6a8f0f5c" isToken>
<input type="submit" value="Оплата" class="orange-button">
</form>

Настройте платёжный виджет

Вставьте UID (идентификатор) Вашего сайта в значение параметра site и ключ сайта (token) в значение параметра isToken.
UID и ключ выдаются при подключении к платёжному шлюзу Gateline (или при заключении договора)

<input type="hidden" name="site" value="glnet_demo">
<input type="hidden" value="2de639e455ad2299792978ef6a8f0f5c" isToken>

Использование виджета в тестовой среде

Для использования виджета в тестовой среде задайте параметру form-type значение sandbox.
Для использования в боевой среде необходимо задавать параметру form-type значение prod

<form form-type="sandbox" onsubmit="sendRequest();" class="payForm">

Изменение состава полей платёжного виджета

Если необходимо изменить состав полей платёжного виджета, то у полей, которые хотите скрыть, укажите type="hidden" и удалите атрибут name (либо полностью уберите данный элемент input)

Список возможных полей (name="имя_поля" value="значение"):

Обязательные поля:

amount - сумма заказа (прим.: "1", "1.00")
```
<input type="text" name="amount" value="1.00" required>
```
description - описание заказа (прим.: "Оплата заказа 123")
```
<input type="text" name="description" value="оплата заказ 123" required>
```
Опциональные поля:

merchant_order_id - номер заказа в Вашей системе (прим.: "123")
```
<input type="text" name="merchant_order_id" value="123">
```
locale - язык формы для ввода карты, по умолчанию русский (значения: "ru"/"en")
```
<input type="text" name="locale" value="ru">
```
email - email клиента (может использоваться для отправки уведомлений от нашего шлюза об успешной оплате; "прим.: email@email.ru")
```
<input type="text" name="email" value="email@email.ru">
```

Остались вопросы?

Задайте их прямо сейчас и получите консультацию специалиста

* — обязательные поля ввода