Интернет‑эквайринг СБП: как принять оплату на сайте и в мобильном приложении

Table of contents

• Сценарии оплаты через СБП в онлайне
• UX‑паттерны: мобильный и десктоп
• Интеграция: варианты, API и webhooks
• Плагины для популярных CMS
• Касса и фискализация интернет‑платежей
• Безопасность: подписи, валидация, таймауты
• Метрики конверсии и A/B‑тесты
• Гайд по запуску за 7 шагов

Сценарии оплаты через СБП в онлайне

1. Кнопка «Оплатить через СБП» в checkout. На мобильных — открытие банк‑приложения по deep‑link, на десктопе — отображение QR.
2. Оплата по ссылке (Pay‑by‑Link): генерация персональной ссылки в ЛК или по API, отправка в мессенджер/e‑mail, автоподтверждение по callback.
3. Встроенный виджет: 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 протестируйте успешную оплату, отмену, просрочку счета и повтор.

Касса и фискализация интернет‑платежей

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

Безопасность: подписи, валидация, таймауты

• Подписи уведомлений и двусторонний TLS (если доступно).
• Идемпотентность: повторное получение webhook не должно менять статус повторно.
• Таймаут счетов (например, 15–30 минут) и одноразовость оплаты.
• Валидация суммы и order_id в уведомлениях.

Метрики конверсии и A/B‑тесты

Отслеживайте:

• Долю СБП в оплатах и конверсию по устройствам.
• Время до оплаты, долю истекших счетов.
• Долю возвратов и причину отмен.

Идеи A/B‑тестов:

• Порядок методов оплаты и видимость СБП.
• Размер и подсказки у QR.
• Таймер и прогресс‑бар ожидания оплаты.

Гайд по запуску за 7 шагов

1. Включите СБП в платежной витрине.
2. Добавьте deep‑link для мобайла и QR для десктопа.
3. Настройте webhooks и идемпотентность.
4. Свяжите статусы оплаты с чеками 54‑ФЗ.
5. Протестируйте happy‑path, отмену, просрочку и возврат.
6. Обновите тексты и подсказки в checkout.
7. Запустите A/B‑тест и мониторинг конверсии.