СБП и QR‑платежи на сайте: подключение и рост конверсии
Table of contents
- Что такое СБП и QR‑оплата на сайте
- Когда СБП дает максимум выгоды
- Комиссия, сроки, возвраты: сравнение с картами
- Как подключить СБП на сайт: варианты интеграции
- Интеграция на Tilda, WordPress, 1C‑Битрикс и другие CMS
- UX QR‑оплаты: как повысить конверсию
- Юридические требования и безопасность
- Аналитика и оптимизация
- Частые вопросы
- Чек‑лист внедрения
- Итог и следующий шаг
Что такое СБП и QR‑оплата на сайте
Система быстрых платежей (СБП) — инфраструктура Банка России, позволяющая принимать оплату напрямую с банковского счета клиента. На сайте это реализуется через QR‑код или deep‑link: покупатель сканирует QR на десктопе или открывает ссылку из мобильного и подтверждает платеж в приложении своего банка.
QR‑оплата на сайте решает две задачи:
- снижает расходы на эквайринг за счет низкой комиссии СБП;
- ускоряет прохождение платежа и повышает вероятность успешной оплаты с мобильных устройств.
В отличие от карт, клиент не вводит номер, срок и CVC; подтверждение идет в банковском приложении, что повышает доверие и удобство. Для интернет‑магазинов и сервисов это дополнительный канал к карте, Apple/Google/MIR Pay и платежным ссылкам.
Когда СБП дает максимум выгоды
- Высокая доля мобильного трафика. На смартфонах оплата через СБП — один‑два тапа (deep‑link в банк), что часто конвертирует лучше, чем ввод карты.
- Сегменты с чувствительностью к комиссии: электроника, маркетплейсы, билеты, цифровые услуги. Комиссия СБП обычно ниже, чем у карт.
- Быстрые и дорогие доставки, где важна моментальная «засветка» оплаты без задержек по зачислениям.
- Оффлайн‑сценарии O2O: выставление статического QR на выдаче/в зале, оплата на сайте или в виджете без терминала.
Совет: не заменяйте карты полностью. Лучший результат дает мультиметод — СБП + карты + кошельки (Apple/Google/MIR Pay) с умной расстановкой по приоритету.
Комиссия, сроки, возвраты: сравнение с картами
Ниже — ориентировочные различия, реальные условия зависят от банка/провайдера и тарифа.
| Параметр |
СБП (QR/ссылка) |
Банковские карты |
| Комиссия для мерчанта |
обычно 0,4–0,7% (зависит от категории и банка) |
обычно 1,5–2,5% + фикс. |
| Скорость зачисления |
как правило моментально или в день операции |
чаще T+1–T+3 |
| Чарджбэк |
классического чарджбэка нет, возврат по регламенту мерчанта |
чарджбэк возможен |
| Данные клиента |
перевод с банковского счета, без ввода PAN |
ввод реквизитов карты |
| Ограничения |
лимиты банка плательщика |
лимиты эмитента и 3‑D Secure |
| Удобство на мобильном |
очень высокое (deep‑link) |
высокое (кошельки/1‑клик) |
Комиссия СБП ниже, но на десктопе конверсия может зависеть от UX. Поэтому важно проработать сценарии сканирования и подсказки пользователю (см. раздел про UX QR‑оплаты).
Как подключить СБП на сайт: варианты интеграции
Решая, как подключить СБП на сайт, обычно выбирают одну из схем:
Через банк или через провайдера
- Прямой договор с банком. Плюс: минимальная комиссия. Минусы: самостоятельная интеграция API, фискализация, отчетность, сложнее поддерживать альтернативные методы.
- Интеграция СБП через провайдера. Плюсы: быстрый запуск, готовые SDK/виджеты, единые отчеты, модули для CMS, техподдержка, дополнительные методы оплаты и антифрод. Минус: надбавка к тарифу (не всегда).
Подробнее о выборе партнера — в материале Выбор платежного провайдера. Общая последовательность подключения описана в Как подключить оплату на сайт.
Техническая схема
- Мерчант инициирует платеж: создает заказ и запрашивает у банка/провайдера платежную сессию.
- Получает динамический QR и/или deep‑link (для мобильных).
- Пользователь подтверждает оплату в приложении банка.
- Банк/провайдер отправляет уведомление (webhook) о статусе.
- Сервис выдает доступ/товар, формирует чек по 54‑ФЗ.
Статический QR удобен для оффлайн‑точек, но для e‑commerce рекомендуем динамический: сумма и назначение подтягиваются автоматически, меньше ошибок и ручной обработки.
Интеграция на Tilda, WordPress, 1C‑Битрикс и другие CMS
- Tilda. Большинство провайдеров предлагают блок оплаты или подключение через HTML‑виджет; см. гид Tilda: прием платежей. Запросите модуль с поддержкой СБП.
- WordPress + WooCommerce. Используйте плагины провайдера с включенной СБП; базовая настройка занимает 15–30 минут. Подробно — WordPress/WooCommerce: оплата.
- 1C‑Битрикс. Готовые платежные системы с СБП, поддержка статусов и возвратов — в гайде 1C‑Битрикс: оплата.
- OpenCart. Плагины с QR‑генерацией и deep‑link — см. OpenCart: оплата.
- Shopify и Wix. Из‑за ограничений локальных провайдеров подключение нативного СБП может быть затруднено; обходные пути — виджет/iframe или платежные ссылки и инвойсы. Подробнее: Shopify: оплата и Wix: оплата.
Если вам нужен быстрый старт без кода, выбирайте провайдера с готовыми модулями для «sbp tilda wordpress bitrix» и контактируйте с их поддержкой.
UX QR‑оплаты: как повысить конверсию
Грамотный UX QR‑оплаты — ключ к росту выкупа. Несколько правил:
- Разделяйте сценарии по устройствам.
- Мобильный: показывайте кнопку «Оплатить через СБП», открывающую deep‑link в установленный банк пользователя. Если банкометод не найден, предложите альтернативу: Apple/Google/MIR Pay или карты.
- Десктоп: показывайте крупный динамический QR + короткую инструкцию и таймер сессии. Рядом дайте кнопку «Отправить ссылку себе в мессенджер/почту» и «Открыть QR в новом окне».
- Поясняйте шаги. Три шага рядом с QR: «1) Откройте банк, 2) Сканируйте QR, 3) Подтвердите». Добавьте список популярных банков‑участников — это повышает доверие.
- Делайте валидацию статуса в реальном времени. После подтверждения в банке мгновенно обновляйте страницу на «Оплачено» без ручных обновлений.
- Покрывайте пограничные ситуации. Если QR истек — перегенерируйте; если deeplink не открылся — предложите сканирование или оплату картой.
- A/B‑тестируйте. Проверьте размер QR, тексты кнопок, порядок методов (например, СБП первым на мобильном и вторым на десктопе), длину инструкций. Снимайте метрики в моменте (view → click → confirm → paid).
- Возвраты и повторные попытки. Добавьте кнопку «Вернуться к вариантам оплаты» и понятный процесс отмены/возврата.
Пример микро‑копирайтинга рядом с QR: «Оплата через приложение вашего банка. Комиссии для вас нет. Сумма и назначение уже заполнены.»
Больше про измерение результата — в разделе Аналитика конверсии оплат.
Юридические требования и безопасность
- 54‑ФЗ. Оформляйте фискальный чек на каждый платеж (онлайн‑касса/ОФД), отправляйте чек клиенту. Подробно — Юридические требования 54‑ФЗ.
- PCI DSS. Так как клиент не вводит данные карты, требования ниже, но веб‑страницы оплаты и редиректы должны быть защищены. Базовые принципы — в разделе PCI DSS и безопасность.
- Антифрод и мониторинг. Подключайте лимиты по сумме/частоте, проверку аномалий, списки рискованных устройств/IP.
Аналитика и оптимизация
Подключайте события от создания заказа до оплаты: «init_sbp», «qr_view», «deeplink_open», «bank_confirm», «paid», «fail_reason». Сегментируйте по устройствам, источникам трафика, способу оплаты (СБП/карта/кошелек). Используйте серверные webhooks как источник истины и склейте их с фронтовыми событиями. Шаблон дашборда и советы по атрибуции — в статье Аналитика конверсии оплат.
Частые вопросы
- Какая комиссия СБП? Чаще 0,4–0,7% в зависимости от банка/провайдера, категории товара и оборота. Уточняйте тариф в коммерческом предложении.
- Как быстро приходят деньги? Обычно моментально или в день операции, но сроки зависят от обслуживающего банка.
- Работают ли возвраты? Да, доступны полные и частичные возвраты через личный кабинет/API провайдера или банка.
- Есть ли лимиты? Лимиты задает банк плательщика и зависят от настроек клиента. На крупные суммы предусмотрены подтверждения в банке.
- Можно ли подключить рекуррентные платежи по СБП? Классических «привязок» как у карт нет. Для подписок используйте инвойсы, автосоздание ссылок/QR и уведомления — см. Рекуррентные платежи.
- Чем СБП отличается от оплаты картой? Ниже комиссия, меньше вводимых данных, подтверждение в банковском приложении. Для карточных сценариев по‑прежнему важны 1‑клик, сохранение карт и кошельки — см. Оплата картой на сайте.
Чек‑лист внедрения
- Определите долю трафика и устройства; решите порядок методов оплаты (мобильный — СБП первым).
- Выберите путь интеграции: банк или интеграция СБП через провайдера. Сравните комиссии, SLA, поддержку CMS.
- Реализуйте динамический QR и deep‑link, настройте webhooks, статусы заказа, таймер сессии.
- Подключите фискализацию по 54‑ФЗ и шаблоны чеков.
- Проработайте UX QR‑оплаты: инструкции, fallback, повторные попытки, возвраты.
- Проведите A/B‑тесты и настройте дашборды конверсии.
- Подготовьте оффлайн‑материалы: статический QR для выдачи/пункта приема, если нужен O2O.
Итог и следующий шаг
СБП на сайте — это способ снизить издержки, ускорить зачисления и повысить конверсию, особенно на мобильных. Лучший результат дает комбинация методов: СБП + карты + кошельки с продуманным UX и аналитикой. Готовы подключить СБП на сайт и запустить QR‑платежи за 1–3 дня? Оцените провайдера, выберите модуль для вашей CMS и следуйте нашему гайду по подключению: Как подключить оплату на сайт.