Быстро, удобно для покупателя и просто для подключения – благодаря этим плюсам виджет оплаты по QR-коду или по карте так популярен. В статье расскажем о том, как используют эту форму оплаты, какие у нее особенности и что нужно знать перед подключением.
Содержание:
Что такое платежный виджет
Это всплывающая форма оплаты на сайте, с помощью которой клиент оплачивает покупку онлайн удобным для себя способом. Она адаптирована под все браузеры и разные устройства. Вариаций множество: виджет оплаты по QR-коду на iPhone, в телефоне Samsung с браузера Chrome, планшете или ПК с вводом данных банковской карты.
Как может выглядеть платежный виджет:
В сервисе CloudPayments можно выбрать стиль виджета: Classic, Modern, Minimal
Кому подойдет платежный виджет?
Он будет полезен любому бизнесу, который принимает оплату онлайн на своем сайте или в приложении. Это может быть виджет для оплаты парковки, для покупки в интернет-магазине, для подписки на курс на сайте или заказа услуг. Его используют многие коммерческие организации в разных сферах.
Во всех случаях виджет сделает прием платежей от клиентов простым и удобным, позволит обеспечить безопасность транзакций. Вы можете улучшить пользовательский опыт и увеличить конверсию, используя платежные виджеты.
Как выглядит процесс оплаты с помощью виджета оплаты
Расскажем об основных шагах на примере покупки в интернет-магазине:
- Покупатель добавляет товар в корзину.
- Когда клиент нажимает платежную кнопку «Оплатить», появляется виджет, при этом нет редиректа, покупателя не уводит на другую страницу.
- Если клиент хочет оплатить товар или услугу банковской картой, то он вводит в виджете ее номер, срок действия, CVV-код. Здесь же можно отметить «Отправить квитанцию на E-mail».
Вид виджета в тестовом режиме работы CloudPayments
В виджете можно выбрать и другие способы оплаты: через СБП (систему быстрых платежей) или pay-сервисы (например, Яндекс Пэй, по QR-коду или через приложение Т‑Pay, SberPay).
К примеру, так выглядит QR-код при оплате с сайта через Т‑Pay:
4. При вводе данных виджет сам проверяет их правильность. Если что-то не так, система укажет причину ошибки, подсветит неверно заполненное поле красным цветом.
5. Далее клиент жмет кнопку виджета «Оплатить», после этого проходит тестовая аутентификация 3D Secure – плательщику нужно подтвердить свою личность с помощью push-уведомления или SMS.
Если все в порядке, то появляется окно успешной оплаты:
А если аутентификация не проходит, появляется такое окно:
6. После успешной оплаты на почту или в SMS клиенту приходят квитанция и кассовый чек.
Особенности платежного виджета
В такой форме оплаты есть много полезных функций и плюсов, благодаря которым виджет оплаты для сайта и приложения очень распространен. Расскажем об основных.
- Простота подключения
Виджет легко интегрировать в сайт или приложение, для этого не нужно привлекать опытных специалистов. Есть готовые модули для CMS, в нестандартных случаях можно добавить программный код на свой сайт.
- Виджет не уводит с сайта, не открываются дополнительные страницы
Это удобно для пользователя и внушает доверие, визуально операция проводится на стороне магазина, сайта продавца.
- Гарантия безопасности передачи информации
При этом бизнесу не требуется проводить сертификацию своего сайта по стандарту PCI DSS для защиты данных платежных карт, потому что по факту операция проходит на стороне платежного сервиса.
- Можно адаптировать вид виджета
Например, в CloudPayments есть три варианта дизайна: в светлых оттенках, темных, минималистичный.
- Локализация виджета
В CloudPayments можно настроить язык и выбрать один из 12 поддерживаемых, в том числе английский, казахский, турецкий, португальский, узбекский.
- Автоматическая проверка правильности заполнения
Если клиент ошибется при вводе данных, виджет сразу подсветит это: например, если неверно написан номер карты или CVV-код. А еще укажет точную причину, почему оплата не прошла, в том числе если на карте недостаточно средств.
Как подключить виджет оплаты на сайт
Для этого достаточно выбрать сервис, который поможет в интеграции и с настройкой. Он предоставит модуль для CMS или программный код с инструкцией для его внедрения на ресурс.
С сервисом CloudPayments вам будет легко внедрить фискализацию платежей на сайте и в приложении, для этого есть облачные онлайн-кассы CloudKassir. При их подключении все продажи будут проходить в соответствии с 54-ФЗ.
Четыре шага подключения платежного виджета CloudPayments:
- Подайте заявку на подключение к сервису на нашем сайте
- Пройдите интеграцию, в этом поможет готовый модуль для CMS. Еще можно добавить программный код, это подходит для случаев, если у вас самописный сайт
- Приступите к проведению тестовых платежей. Опробуйте различные сценарии платежей и убедитесь в том, что транзакции проходят без проблем
- После успешного тестирования свяжитесь со своим менеджером и оставьте заявку на запуск сайта
Сделайте оплату на сайте и в приложении удобной с помощью инструментов нашего сервиса! Поможем установить адаптированный виджет для оплаты по QR-коду Айфон, с телефонов Samsung, Xiaomi и других, с ПК и планшетов.
