Подберите подходящий вариант интеграции
и узнайте о дополнительных сервисах

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

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

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

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

<script src="./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">

Ознакомьтесь с полной документацией API GateLine

Получите полную документацию в формате PDF уже через 1 минуту

Получить полную документацию
Связаться с нами
Gateline
УЛ. АВИАКОНСТРУКТОРА МИКОЯНА, Д. 12 125252 МОСКВА
+7 (499) 110 98 82 ecom@gateline.net