Как сделать оплату на сайте: карты, СБП и чеки

Чтобы принимать деньги на сайте, недостаточно поставить кнопку «Оплатить». Нужно связать сайт с банком или платёжным сервисом, который примет деньги, сообщит сайту об успешной операции и при необходимости сформирует чек.

Для небольшого бизнеса обычно не приходится создавать эту систему самостоятельно. Готовые платёжные сервисы уже умеют принимать карты и СБП, делать возвраты и передавать сайту статус платежа.

Разберём, как всё это подключается.

Как работает оплата на сайте

Обычно процесс выглядит так:

1) Покупатель оформляет заказ 
2) нажимает «Оплатить»
3) Переходит к оплате
4) Банк подтверждает платёж
5) Сайт получает подтверждение
6) Заказ получает статус «Оплачен».

При этом данные банковской карты лучше не принимать непосредственно на своём сайте. Для обычного интернет-магазина проще использовать готовую платёжную форму банка или платёжного сервиса.

Для покупателя это незаметно: он нажимает кнопку, оплачивает покупку и возвращается на сайт.

Какие способы оплаты добавить

Для большинства сайтов достаточно двух вариантов:

Банковская карта. Покупатель вводит данные карты в защищённой форме платёжного сервиса.

СБП. Покупатель открывает приложение своего банка через кнопку или QR-код и подтверждает перевод.

Для оплаты через СБП интернет-магазин может использовать QR-код, платёжную кнопку или ссылку. Деньги поступают на расчётный счёт продавца практически сразу. Максимальная комиссия СБП для бизнеса составляет 0,7%, а конкретная ставка зависит от вида деятельности.

Лучше не заставлять покупателя выбирать только один вариант. Если есть возможность, оставьте и карты, и СБП.

Через что подключать оплату

Есть два основных варианта.

Интернет-эквайринг банка

Вы заключаете договор с банком, получаете доступ к платёжной системе и подключаете её к сайту.

Подходит, если у вас уже есть расчётный счёт и устраивают условия вашего банка.

Платёжный сервис

Такой сервис выступает посредником между сайтом и разными способами оплаты. Через одну интеграцию можно принимать карты, СБП и другие доступные способы.

Для небольшого сайта это часто самый простой вариант: не нужно самостоятельно собирать платёжную инфраструктуру.

При выборе смотрите не только на комиссию. Проверьте, есть ли:

• СБП;

• возвраты;

• готовая форма оплаты;

• автоматические чеки;

• модуль для вашей CMS или API;

• тестовый режим;

• нормальная техническая поддержка.

Как подключить оплату: по шагам

1. Зарегистрируйтесь в платёжном сервисе

Обычно потребуется указать данные ИП, компании или самозанятого, сайт и расчётный счёт.

После проверки сервис выдаст данные для подключения.

2. Добавьте оплату на сайт

Самый простой вариант — готовая платёжная форма.

Например, на странице заказа появляется кнопка:

Оплатить 3 500 ₽

После нажатия покупатель переходит на защищённую страницу, выбирает карту или СБП и оплачивает заказ.

Для популярных систем управления сайтами часто существуют готовые модули. Если сайт разработан индивидуально, платёж обычно подключают через API.

3. Настройте подтверждение платежа

Это важный момент, который легко пропустить.

Нельзя считать заказ оплаченным только потому, что покупатель вернулся на страницу «Спасибо за покупку». Эту страницу можно открыть и без успешной оплаты.

Сайт должен получить отдельное подтверждение от платёжного сервиса. Обычно для этого используется уведомление — webhook.

Только после него можно:

• поставить заказу статус «Оплачен»;

• отправить товар;

• открыть доступ к курсу;

• записать клиента;

• отправить письмо с подтверждением.

4. Настройте чеки

Если ИП или организация принимает оплату от физических лиц через сайт, в большинстве случаев применяется онлайн-касса по 54-ФЗ. При интернет-расчётах чек передаётся покупателю в электронной форме. Есть установленные законом исключения, поэтому схему лучше проверить для конкретного бизнеса.

Необязательно ставить физическую кассу рядом с компьютером. Для интернет-магазинов существуют облачные кассы и платёжные сервисы с фискализацией.

Для самозанятых на НПД правила другие: онлайн-касса не требуется, но после получения оплаты нужно сформировать чек через «Мой налог» и передать его клиенту.

5. Проверьте оплату перед запуском

Не ограничивайтесь одной успешной покупкой.

Попробуйте:

• успешную оплату;

• отмену на странице банка;

• недостаток денег на карте;

• повторное нажатие на кнопку;

• оплату через СБП;

• возврат.

Отдельно проверяйте, что сайт не создаёт два оплаченных заказа из-за повторного нажатия и не выдаёт товар до подтверждения платежа.

Что выбрать для небольшого сайта

Задача	Какой функционал нужен
Продажа нескольких услуг	Платёжная форма + карты + СБП
Интернет-магазин	Эквайринг + СБП + автоматические чеки
Онлайн-курс	Оплата + автоматическая выдача доступа
Запись на услугу	Оплата или предоплата после выбора времени
Свой онлайн-сервис	API платежей + уведомления о статусе
Самозанятый	Сервис оплаты + чек через «Мой налог»

Главное — не усложнять систему без необходимости. Для небольшого бизнеса готовая платёжная форма обычно разумнее собственной сложной интеграции.

Что должно происходить после оплаты

При проектировании сайта об этом часто забывают.

Оплата — не конец сценария.

После неё посетитель должен сразу понять, что произошло:

Оплата прошла успешно. Заказ №124 принят. Подтверждение отправили на почту.

А сайт должен выполнить нужное действие: сохранить заказ, отправить уведомление, открыть доступ или передать заявку менеджеру.

Поэтому при создании сайта лучше сразу продумать не только кнопку «Оплатить», но и весь путь до и после платежа.

Например, если вы описываете будущий интернет-магазин для ИИ, задача может звучать так:

Сделай корзину и оформление заказа. После подтверждения заказа должна быть кнопка оплаты. Предусмотри статусы «Ожидает оплаты», «Оплачен» и «Отменён», а после успешного платежа покажи страницу подтверждения.

Сам платёжный сервис затем подключается отдельно.

Главное

Для большинства сайтов схема довольно простая:

выбираете платёжный сервис → подключаете карты и СБП → добавляете форму оплаты → настраиваете подтверждение платежа → решаете вопрос с чеками → тестируете.

Не стоит начинать с самостоятельной разработки формы для банковских карт. Готовый платёжный сервис значительно упрощает запуск и берёт на себя самую сложную часть работы.

А при создании сайта заранее продумайте, что должно произойти после успешной оплаты. Именно эта часть превращает кнопку «Оплатить» в нормально работающий процесс продажи.