Написать @luxeweb3
Практическое руководство

СБП на сайте интернет-магазина: как подключить оплату по QR-коду

Как подключить СБП к магазину, какие есть сценарии и что учесть до запуска.

W Редакция WebStudiy 6 минут чтения
СБП на сайте интернет-магазина: как подключить оплату по QR-коду
Оплата в один скан
  1. 1 Выбрать
  2. 2 Подключить
  3. 3 Проверить

Главное за минуту

1

Два пути подключения

Через платёжного провайдера или напрямую через банк-эквайер — выбирают по нагрузке и задачам.

2

QR и ссылка на оплату

На десктопе покупатель сканирует код телефоном или переходит по платёжной ссылке.

3

Возвраты и статусы

Заранее продумайте подтверждение оплаты, обновление заказа и сценарий возврата.

01 / Как работает СБП на сайте

СБП на сайте — это оплата, при которой покупатель не вводит реквизиты карты, а подтверждает перевод в приложении своего банка. Магазин выставляет счёт, покупатель открывает банковское приложение, проверяет сумму и получателя и подтверждает платёж. Деньги приходят на счёт магазина, а факт оплаты фиксируется в системе.

Технически магазин не «принимает карту», а инициирует платёж через участника СБП — банк или платёжного провайдера. Именно он формирует QR-код или платёжную ссылку и сообщает сайту результат операции. Поэтому корректная работа СБП зависит не только от вёрстки страницы оплаты, но и от связки сайта с платёжным сервисом.

Для покупателя это привычный сценарий: приложение банка уже установлено, реквизиты вводить не нужно. Для магазина — способ снизить долю брошенных корзин на шаге оплаты и предложить способ, которому доверяют.

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

СБП убирает ввод реквизитов — остаётся подтвердить платёж в приложении банка.

02 / Два способа подключения: провайдер или банк

Первый путь — через платёжного провайдера. Вы подключаете один сервис и получаете сразу набор способов оплаты: карты, СБП, иногда рассрочку и другие методы. Провайдер берёт на себя интеграцию с СБП, личный кабинет, отчёты и часть поддержки. Это удобно, когда магазину нужен единый интерфейс и быстрый старт без общения с несколькими банками.

Второй путь — напрямую через банк-эквайер. Вы заключаете договор с банком, получаете доступ к его платёжному модулю и подключаете его к сайту. Такой вариант чаще выбирают, когда уже есть расчётный счёт и отношения с банком, а также когда важна прямая работа с одним контрагентом.

На практике выбор зависит от объёма заказов, платформы сайта и того, какие ещё способы оплаты нужны. Если магазин работает на WooCommerce, интеграция обычно решается готовым модулем провайдера или банка; для самописного сайта потребуется работа с API. Подробнее о вариантах — в статье как подключить оплату к сайту.

03 / QR-код и платёжная ссылка: два сценария

01

QR на экране

Для десктопа и планшета

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

02

Платёжная ссылка

Для мобильных и писем

Ссылка ведёт сразу в приложение банка или на страницу подтверждения. Удобно, когда покупатель оплачивает с телефона.

03

Переход в приложение

Один тап на мобильном

На смартфоне покупатель нажимает кнопку и попадает в банковское приложение — без сканирования кода.

04

Срок жизни счёта

Ограниченное время

У платежа есть срок действия. Если покупатель не успел, счёт нужно сформировать заново.

05

Статус оплаты

Подтверждение от сервиса

Сайт получает уведомление об оплате и меняет статус заказа. Это ключевая часть сценария.

04 / Сценарий оплаты: мобильный и десктоп

На мобильном всё коротко: покупатель оформляет заказ, нажимает «Оплатить через СБП», сайт открывает банковское приложение или страницу подтверждения, покупатель проверяет сумму и получателя и подтверждает платёж. После этого он возвращается на сайт и видит, что заказ оплачен. Чем меньше лишних шагов и переходов, тем выше шанс, что оплата состоится.

На десктопе сценарий другой: покупатель видит QR-код на экране, открывает приложение банка на телефоне, сканирует код и подтверждает платёж. Сайт в это время ждёт уведомления от платёжного сервиса. Важно, чтобы страница не «теряла» покупателя: показывайте понятный статус «ожидаем оплату» и подсказку, что делать дальше.

Отдельно продумайте подтверждение оплаты. Сайт не должен считать заказ оплаченным только по возврату покупателя на страницу «спасибо» — статус меняется по уведомлению от платёжного сервиса. Если уведомление не пришло, заказ остаётся в ожидании, и это нужно обработать: показать нейтральный статус и дать возможность повторить оплату или связаться с магазином.

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

Статус «оплачено» ставит платёжный сервис, а не страница «спасибо».

05 / Что настроить в первую очередь

ПриоритетПримерДействие
Критично Приём уведомлений об оплате Проверить на тесте
Критично Смена статуса заказа Сверить с ERP
Важно Сценарий возврата Описать регламент

06 / Чек-лист перед запуском СБП

0 из 8 выполнено

07 / Плюсы, ограничения и кейс iOrganica

Для магазина СБП — это ещё один способ оплаты, который не требует ввода карточных данных и снижает трение на последнем шаге. Для покупателя — привычное подтверждение в приложении банка и понятный получатель платежа. Вместе с картами и другими способами СБП делает страницу оплаты гибкой.

Ограничения тоже есть: нужен договор с участником СБП, платёж имеет срок действия, а сценарии на мобильном и десктопе различаются. Если сайт самописный, потребуется аккуратная работа с API и обработкой уведомлений. Условия и правила СБП меняются — сверяйтесь с официальными источниками.

В магазине iOrganica каталог построен вокруг подбора по цели, а на сайте указано 2000+ позиций и 100+ производителей. Чем шире ассортимент и выше средний чек, тем важнее, чтобы оплата не срывалась на последнем шаге — и СБП здесь работает как дополнительный понятный способ. Посмотрите также разработку интернет-магазина, если оплату нужно встроить в новый проект.

Частые вопросы

Можно ли подключить СБП без платёжного провайдера?

Да, напрямую через банк-эквайер. Выбор зависит от объёма заказов, платформы сайта и того, какие ещё способы оплаты нужны магазину.

Что делать, если покупатель не завершил оплату?

У платежа есть срок действия. Покажите нейтральный статус заказа и дайте возможность сформировать счёт заново или связаться с магазином.

Как меняется статус заказа после оплаты?

По уведомлению от платёжного сервиса, а не по возврату на страницу «спасибо». Проверьте этот сценарий на тестовой оплате до запуска.

Нужна помощь с оплатой на сайте?

Подключим СБП к вашему магазину и проверим сценарии оплаты и возвратов на тесте.