Сценарии оплаты через СБП в онлайне
- Кнопка «Оплатить через СБП» в checkout. На мобильных — открытие банк‑приложения по deep‑link, на десктопе — отображение QR.
- Оплата по ссылке (Pay‑by‑Link): генерация персональной ссылки в ЛК или по API, отправка в мессенджер/e‑mail, автоподтверждение по callback.
- Встроенный виджет: iFrame/JS‑виджет, который строит QR, отслеживает статус и возвращает результат в ваш фронтенд.
UX‑паттерны: мобильный и десктоп
- Мобильный трафик: показывайте СБП в топ‑3 способов оплаты. Используйте нативный deep‑link в популярные банки, показывайте «Открываем банк…». Держите fallback на QR.
- Десктоп: крупный QR (не менее 320 px), таймер обратного отсчета, подсказки по шагам. Дублируйте ссылку «Отправить QR себе на телефон».
- Статусы: «Ожидаем оплату», «Оплата подтверждена», «Время счета истекло» — это снижает брошенные оплаты.
Интеграция: варианты, API и webhooks
- Редирект/Hosted: быстрый старт, минимальные работы на фронте.
- API Server‑to‑Server: полный контроль над UX, кастомный виджет, гибкие сценарии.
- Webhooks: подписывайте уведомления (HMAC/ключ), храните идемпотентность. На стороне бэкенда выдерживайте ретраи.
Рекомендуемая модель данных счета:
- id счета (uuid), сумма, валюта, срок жизни, назначение.
- customer_id/email/phone (для уведомлений), order_id.
- ссылки: deep‑link, QR payload, статус.
Плагины для популярных CMS
Доступны готовые модули для:
- 1C‑Bitrix: поддержка динамического QR, возвраты, фискализация через кассовые плагины.
- WooCommerce: нативная кнопка СБП, webhooks, отображение статусов в заказе.
- OpenCart: простая установка, страницы оплаты, валидация статусов.
Проверьте совместимость с кэшем, CDN и политикой CORS. В staging протестируйте успешную оплату, отмену, просрочку счета и повтор.