Как подключить онлайн‑оплату на сайт: пошаговое руководство
Карты, СБП или кошельки: что выбрать
Онлайн‑оплата на сайте бывает разной. Чаще всего бизнес начинает с карт (Visa/Mastercard/Мир), добавляет СБП, затем Apple Pay/Google Pay.
- Банковские карты — золотой стандарт, подходят B2C и B2B, доступны холды (pre‑auth), частичные списания и рекуррентные платежи с токенами.
- СБП — низкая комиссия и быстрые зачисления. Пользователь подтверждает платёж в своём банковском приложении по QR или deeplink. Подходит для разовых платежей и P2M.
- Apple Pay/Google Pay — повышают конверсию на мобильных, сокращают время ввода реквизитов.
- Платёжные ссылки/инвойсы — быстрый способ стартовать без разработки или для индивидуальных счетов.
![checkout-ux-sketch]
Юридическая готовность: сайт, оферта, ККТ, ОФД
Подготовьте основу:
- Сайт с публичной офертой, политикой конфиденциальности, контактами.
- Реквизиты ИП/ООО, расчётный счёт.
- Онлайн‑кассу (ККТ) и договор с ОФД. Проверьте корректность НДС, предмета расчёта и признака способа оплаты.
- Процедуры возвратов и поддержки клиентов.
Выбор провайдера: банк или агрегатор
Сравнивайте не только комиссии, но и функциональность, скорость онбординга, наличия CMS‑модулей, поддержку СБП/кошельков, антифрод и качество API.
| Критерий |
Банк (Сбербанк/Тинькофф) |
Агрегатор |
| Онбординг |
3–10 рабочих дней |
1–3 дня |
| Комиссия |
Ниже при обороте |
Стабильно средняя |
| СБП |
Да |
Да |
| Рекурренты |
Да (карты) |
Да |
| CMS‑модули |
Есть |
Много |
| Поддержка |
Банковская |
Расширенная/чат |
Подключая Сбербанк или Тинькофф напрямую, вы получаете стабильную инфраструктуру и выгодные ставки. Агрегаторы выигрывают временем запуска и количеством способов оплаты.
Архитектуры интеграции: хостед‑чекаут, виджет, ссылки
- Хостед‑чекаут/redirect: минимальная PCI‑зона (SAQ A), быстро, надёжно.
- JS‑виджет/embedded: гибкий UX, всё ещё минимальный PCI‑след при tokenization.
- Сервер‑к‑серверу: максимальная гибкость, но высокий PCI‑комплаенс — избегайте, если нет необходимости.
- Платёжные ссылки/инвойсы: без разработки, удобно для B2B и ручных оплат.
Пошаговая интеграция и тестирование
- Заявка и онбординг у провайдера (сайт, документы, товарная матрица).
- Получение API‑ключей, настройка магазинов и URL‑ов уведомлений.
- Установка модуля для CMS (если применимо) или интеграция по API.
- Фискализация: связка платежа и чека (через провайдера или свою ККТ).
- Sandbox‑тесты: успешные/неуспешные платежи, возвраты, частичные возвраты, отмена холда.
- Вебхуки: настройте ретраи, идемпотентность и мониторинг доставки.
- Подготовка к продакшену: DNS/HTTPS, логи, алерты, runbook.
UX и конверсия платежной страницы
- Минимум полей, автоformat для карт, валидация на лету.
- 3‑D Secure 2 с фрикшнлес‑потоком, когда возможно.
- Кнопки Apple Pay/Google Pay, кнопка «Оплатить по СБП».
- Повторная попытка при отказе, понятные коды ошибок, быстрый возврат к корзине.
54‑ФЗ: фискализация и чек
Каждая оплата — чек. Проверьте корректные позиции, НДС, предмет расчёта. Важны статусы: предоплата/полный расчёт, момент отправки фискальных данных (после авторизации или после capture).
Безопасность: PCI DSS, 3‑D Secure 2, антифрод
- Выберите архитектуру, где данные карт не проходят через ваш сервер.
- Используйте 3DS2, включите антифрод‑правила (скоринг, velocity‑лимиты, гео‑фильтры).
- Логи и аудит доступа, секреты в менеджере секретов, HSTS/HTTPS, регулярные пентесты.
Метрики и аналитика платежей
- Конверсия оплаты (from click to paid), share отказов по кодам, средний чек, доля СБП.
- Время прохождения вебхуков, доля частичных возвратов, чарджбэки.
- Сквозная аналитика: order_id/transaction_id, UTM, user_id.
Чек‑лист запуска
- Договор и тарифы согласованы
- ККТ/ОФД подключены, тестовые чеки проходят
- Вебхуки и ретраи настроены
- Восстановление после неудачи (идемпотентность)
- Мониторинг и алерты заведены
- Политики возвратов и SLA опубликованы
Готовы к старту? Начните с карт и СБП, затем добавьте кошельки. Если нужен «быстрый старт», используйте платежные ссылки, параллельно ведите интеграцию модуля для вашей CMS.