Плагин

Ввод через Плагин

Внимание: Плагин имеет динамическую верстку и адаптирован для работы на диапазоне устройств, включающий в том числе, планшеты и мобильные телефоны

Пример 1:

Пользователь попадает в платёжное окно на страницу выбора платежной системы.
Пользователь выбирает платежную систему, в первом случае рассмотрим пример ввода через платежную систему PayTM

2.1 После ввода суммы и нажатия кнопки “Next”, отображается окно с информацией о кошельке на который необходимо совершить перевод денежных средств

Так же в окне отображения кошелька, имеется информация о минимальном и максимальном депозите и подсказка о совершении платежа.

2.2 Далее, после нажатия кнопки “Next”, отображается окно, в котором необходимо указать Transaction ID, полученный пользователем при выполнении перевода

Пример 2:

Пользователь попадает в платёжное окно на страницу выбора платежной системы.
Пользователь выбирает платежную систему, отличную от PayTM

2.1. Отображается окно ввода суммы

2.2 После ввода суммы и нажатия кнопки “Next”, отображается окно подтверждения данных

2.3 После подтверждения, происходит перенаправление пользователя на страницу оплаты

Внимание: Контроль за транзакциями и их статусами всегда можно осуществить в ЛК, меню «Транзакции». В данном разделе отобразится сформированная выше транзакция со статусом "Активирована".

Кастомизация плагина

Для качественного кода и дальнейших безболезненных изменений ваших стилей, рекомендуется не использовать !important в стилях. Вместо этого советуем вам переопределять приоритеты путем добавления родительского селектора

.app--custom

Ниже приведены скриншоты областей влияния, указанные в css файле. В примере приведены лишь наиболее распространенные изменения в плагине. Вы можете не ограничиваться ими, создавая более уникальные интерфейсы.

Рис 1. Варианты отображения внешнего вида плагина