Вызов платежной формы (виджета)

1.png

Общая схема взаимодействия

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

2. Пользователь нажимает на кнопку "оплатить" и инициирует вызов платежного виджета. В клиентской части веб-сервиса формируется набор параметров вызова виджета и передаётся к серверной части.

3. На стороне платёжной платформы выполняются подготовка виджета с учётом параметров вызова и передача к пользовательскому устройству данных для отображения виджета.

4. Платёжная форма отображается в пользовательском интерфейсе. Пользователь вводит реквизиты карты для оплаты, нажимает оплатить.

5. От виджета к платёжной платформе отправляется запрос на выполнение целевого действия с учётом всех данных, введённых пользователем.

6. На стороне платёжной платформы выполняется регистрация номера карты (если требуется) и регистрация платежа. Данные передаются в платёжную среду.

7. В платёжной среде открывается страница банка-эмитента. Пользователь подтверждает платеж с помощью кода из sms. Нажимает "оплатить". Выполняются проверка карты и обработка платежа. После успешной проверки обоих для карты формируется идентификатор. В платёжную платформу поступает информация о результате.

8. В платёжной платформе обрабатывается итоговая информация, после чего на заданный URL контрагента (если указан колбэк) отправляется программное оповещение о платеже.

9. Происходит перенаправление пользователя на страницу клиента в соответствии с результатом оплаты.

Эта схема отображает ключевые моменты со стороны партнера, но в отдельных случаях может варьироваться в зависимости от вида услуг.

 

Базовый пользовательский сценарий

1.Пользователь подтверждает готовность оплатить услугу, переходит на страницу платежной формы и выбирает метод оплаты.

2. В открывшемся виджете для оплаты, пользователь указывает реквизиты карты, нажимает кнопку "оплатить".

2.png

3. Пользователь перенаправляется на страницу банка-эмитента для подтверждения оплаты. Вводит код подтверждения из sms, нажимает кнопку "отправить".

4. Пользователь получает информацию о результате оплаты.

3.png

Войти в кабинет
Техническая поддержкаinfo@vepay.online