СБП на сайте интернет-магазина: как подключить оплату по QR-коду
Как подключить СБП к магазину, какие есть сценарии и что учесть до запуска.
- 1 Выбрать
- 2 Подключить
- 3 Проверить
Главное за минуту
Два пути подключения
Через платёжного провайдера или напрямую через банк-эквайер — выбирают по нагрузке и задачам.
QR и ссылка на оплату
На десктопе покупатель сканирует код телефоном или переходит по платёжной ссылке.
Возвраты и статусы
Заранее продумайте подтверждение оплаты, обновление заказа и сценарий возврата.
01 / Как работает СБП на сайте
СБП на сайте — это оплата, при которой покупатель не вводит реквизиты карты, а подтверждает перевод в приложении своего банка. Магазин выставляет счёт, покупатель открывает банковское приложение, проверяет сумму и получателя и подтверждает платёж. Деньги приходят на счёт магазина, а факт оплаты фиксируется в системе.
Технически магазин не «принимает карту», а инициирует платёж через участника СБП — банк или платёжного провайдера. Именно он формирует QR-код или платёжную ссылку и сообщает сайту результат операции. Поэтому корректная работа СБП зависит не только от вёрстки страницы оплаты, но и от связки сайта с платёжным сервисом.
Для покупателя это привычный сценарий: приложение банка уже установлено, реквизиты вводить не нужно. Для магазина — способ снизить долю брошенных корзин на шаге оплаты и предложить способ, которому доверяют.
Важно помнить: правила, лимиты и условия СБП меняются. Перед запуском сверяйтесь с официальными источниками и условиями вашего банка или провайдера, а по спорным вопросам — с юристом.
СБП убирает ввод реквизитов — остаётся подтвердить платёж в приложении банка.
02 / Два способа подключения: провайдер или банк
Первый путь — через платёжного провайдера. Вы подключаете один сервис и получаете сразу набор способов оплаты: карты, СБП, иногда рассрочку и другие методы. Провайдер берёт на себя интеграцию с СБП, личный кабинет, отчёты и часть поддержки. Это удобно, когда магазину нужен единый интерфейс и быстрый старт без общения с несколькими банками.
Второй путь — напрямую через банк-эквайер. Вы заключаете договор с банком, получаете доступ к его платёжному модулю и подключаете его к сайту. Такой вариант чаще выбирают, когда уже есть расчётный счёт и отношения с банком, а также когда важна прямая работа с одним контрагентом.
На практике выбор зависит от объёма заказов, платформы сайта и того, какие ещё способы оплаты нужны. Если магазин работает на WooCommerce, интеграция обычно решается готовым модулем провайдера или банка; для самописного сайта потребуется работа с API. Подробнее о вариантах — в статье как подключить оплату к сайту.
03 / QR-код и платёжная ссылка: два сценария
QR на экране
Для десктопа и планшета
Покупатель сканирует код камерой телефона и подтверждает платёж в приложении банка. Код можно показать на странице оплаты и в письме.
Платёжная ссылка
Для мобильных и писем
Ссылка ведёт сразу в приложение банка или на страницу подтверждения. Удобно, когда покупатель оплачивает с телефона.
Переход в приложение
Один тап на мобильном
На смартфоне покупатель нажимает кнопку и попадает в банковское приложение — без сканирования кода.
Срок жизни счёта
Ограниченное время
У платежа есть срок действия. Если покупатель не успел, счёт нужно сформировать заново.
Статус оплаты
Подтверждение от сервиса
Сайт получает уведомление об оплате и меняет статус заказа. Это ключевая часть сценария.
04 / Сценарий оплаты: мобильный и десктоп
На мобильном всё коротко: покупатель оформляет заказ, нажимает «Оплатить через СБП», сайт открывает банковское приложение или страницу подтверждения, покупатель проверяет сумму и получателя и подтверждает платёж. После этого он возвращается на сайт и видит, что заказ оплачен. Чем меньше лишних шагов и переходов, тем выше шанс, что оплата состоится.
На десктопе сценарий другой: покупатель видит QR-код на экране, открывает приложение банка на телефоне, сканирует код и подтверждает платёж. Сайт в это время ждёт уведомления от платёжного сервиса. Важно, чтобы страница не «теряла» покупателя: показывайте понятный статус «ожидаем оплату» и подсказку, что делать дальше.
Отдельно продумайте подтверждение оплаты. Сайт не должен считать заказ оплаченным только по возврату покупателя на страницу «спасибо» — статус меняется по уведомлению от платёжного сервиса. Если уведомление не пришло, заказ остаётся в ожидании, и это нужно обработать: показать нейтральный статус и дать возможность повторить оплату или связаться с магазином.
Возвраты тоже стоит продумать заранее: как магазин инициирует возврат, что видит покупатель и как меняется статус заказа. Порядок возврата зависит от условий вашего банка или провайдера — уточняйте его в договоре и официальных источниках.
Статус «оплачено» ставит платёжный сервис, а не страница «спасибо».
05 / Что настроить в первую очередь
06 / Чек-лист перед запуском СБП
07 / Плюсы, ограничения и кейс iOrganica
Для магазина СБП — это ещё один способ оплаты, который не требует ввода карточных данных и снижает трение на последнем шаге. Для покупателя — привычное подтверждение в приложении банка и понятный получатель платежа. Вместе с картами и другими способами СБП делает страницу оплаты гибкой.
Ограничения тоже есть: нужен договор с участником СБП, платёж имеет срок действия, а сценарии на мобильном и десктопе различаются. Если сайт самописный, потребуется аккуратная работа с API и обработкой уведомлений. Условия и правила СБП меняются — сверяйтесь с официальными источниками.
В магазине iOrganica каталог построен вокруг подбора по цели, а на сайте указано 2000+ позиций и 100+ производителей. Чем шире ассортимент и выше средний чек, тем важнее, чтобы оплата не срывалась на последнем шаге — и СБП здесь работает как дополнительный понятный способ. Посмотрите также разработку интернет-магазина, если оплату нужно встроить в новый проект.
Частые вопросы
Можно ли подключить СБП без платёжного провайдера?
Да, напрямую через банк-эквайер. Выбор зависит от объёма заказов, платформы сайта и того, какие ещё способы оплаты нужны магазину.
Что делать, если покупатель не завершил оплату?
У платежа есть срок действия. Покажите нейтральный статус заказа и дайте возможность сформировать счёт заново или связаться с магазином.
Как меняется статус заказа после оплаты?
По уведомлению от платёжного сервиса, а не по возврату на страницу «спасибо». Проверьте этот сценарий на тестовой оплате до запуска.
Нужна помощь с оплатой на сайте?
Подключим СБП к вашему магазину и проверим сценарии оплаты и возвратов на тесте.