С 2020 года мы помогли 100+ бизнесам в Москве, Ростове и по всей России привлечь 15,000+ целевых лидов.
Все кейсы Консультация
Новости и статьи

Как подключить ЮKassa к сайту: настройка платежей и аналитики

Чтобы принимать оплату на сайте, недостаточно просто разместить кнопку «Оплатить». Платёжную систему нужно подключить к сайту, настроить передачу данных о заказе, проверить статусы платежей, решить вопрос с чеками и убедиться, что успешные оплаты корректно попадают в аналитику. Один из вариантов для российского бизнеса — ЮKassa (ранее Яндекс.Касса).

В этом руководстве разберём весь процесс: от подключения ЮKassa до тестового платежа и отслеживания реальных продаж.

Что такое ЮKassa

ЮKassa — сервис для приёма онлайн-платежей. С его помощью интернет-магазины, сервисы и другие компании могут принимать оплату на сайте и использовать различные способы платежа в зависимости от подключённых возможностей.

Но платёжная система — это только один элемент инфраструктуры. Для полноценной работы обычно необходимо связать между собой: сайт → заказ → ЮKassa → статус оплаты → чек → CRM/аналитика. Если эта цепочка настроена неправильно, бизнес может получать деньги, но терять информацию о том, откуда пришёл покупатель и какая реклама привела продажу.

Поэтому при подключении важно думать не только о самой оплате, но и об учёте транзакций.

Что нужно подготовить перед подключением ЮKassa

Перед началом интеграции определите:

  • кто будет принимать платежи;
  • что именно продаётся на сайте;
  • какие способы оплаты нужны;
  • как сайт будет передавать заказ в ЮKassa;
  • как будут формироваться чеки;
  • куда пользователь попадёт после оплаты;
  • где бизнес будет хранить информацию о заказе;
  • как успешная покупка будет передаваться в аналитику.

Также заранее проверьте сам сайт. На нём должна быть корректная информация о продавце, товарах или услугах, стоимости и условиях покупки. Конкретный набор документов и требований зависит от бизнеса и сценария подключения, поэтому актуальные условия лучше проверять непосредственно в документации ЮKassa перед интеграцией.

Шаг 1. Подключите ЮKassa

Первый этап — регистрация и подключение магазина в ЮKassa. В процессе потребуется предоставить информацию о бизнесе и пройти предусмотренную сервисом процедуру подключения. Не стоит ориентироваться на старые инструкции по «Яндекс.Кассе»: название сервиса, интерфейс и отдельные возможности со временем изменились.

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

Шаг 2. Выберите способ интеграции с сайтом

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

Готовая интеграция

Для популярных CMS и конструкторов могут существовать готовые платёжные модули. Это самый простой сценарий: значительная часть технической работы уже реализована разработчиком модуля или самой платформой. Обычно остаётся указать необходимые данные магазина и настроить параметры платежей.

Интеграция через API

Если сайт разработан индивидуально или требуется нестандартная логика оплаты, используется API. В этом случае разработчику необходимо реализовать взаимодействие сайта с ЮKassa:

  1. пользователь оформляет заказ;
  2. сайт создаёт платёж;
  3. покупатель переходит к оплате;
  4. ЮKassa обрабатывает платёж;
  5. сайт получает информацию об изменении его статуса;
  6. заказ переводится в соответствующее состояние.

Этот вариант даёт значительно больше гибкости, но требует разработки и тестирования.

Интеграция через конструктор сайта

Если сайт создан на конструкторе, сначала проверьте, есть ли у платформы готовая интеграция с ЮKassa. В таком случае подключение обычно выполняется через интерфейс конструктора без самостоятельной разработки API-интеграции.

Шаг 3. Настройте способы оплаты

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

Набор доступных методов и условия их использования могут меняться, поэтому проверять их лучше непосредственно в актуальных настройках ЮKassa.

Шаг 4. Настройте статусы платежей

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

Состояние заказа должно изменяться на основании информации о платеже, полученной от платёжной системы. При API-интеграции для этого используются уведомления о событиях. Сайт получает информацию об изменении состояния платежа и выполняет необходимое действие:

  • подтверждает заказ;
  • запускает предоставление услуги;
  • отправляет уведомление;
  • фиксирует оплату во внутренней системе;
  • передаёт событие дальше в CRM или аналитику.

Шаг 5. Настройте чеки по 54-ФЗ

При приёме платежей бизнесу необходимо отдельно определить, как будут формироваться и отправляться фискальные чеки, если требования 54-ФЗ распространяются на конкретный сценарий работы. У ЮKassa есть несколько вариантов.

Чеки от ЮKassa

ЮKassa предлагает собственное решение для отправки чеков. В этом случае сервис берёт на себя часть инфраструктуры, связанной с формированием и отправкой фискальных чеков.

Сторонняя онлайн-касса

Если бизнес уже использует собственную или облачную онлайн-кассу, её можно интегрировать с платёжным процессом. Тогда ЮKassa передаёт необходимые данные для формирования чека в подключённое решение. Какой вариант подходит именно вам, зависит от юридической формы, налогового режима, типа товаров или услуг и схемы расчётов.

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

Шаг 6. Передавайте корректные данные о заказе

Платёж должен быть связан с конкретным заказом. Минимально бизнесу важно понимать:

  • какой заказ был оплачен;
  • на какую сумму;
  • кто совершил покупку;
  • какой статус имеет платёж;
  • был ли возврат;
  • откуда пришёл покупатель.

Если эти данные существуют отдельно друг от друга, аналитика быстро превращается в ручное сопоставление таблиц. Поэтому ещё на этапе интеграции стоит продумать единый идентификатор заказа. Он поможет связать: сайт → платёж → CRM → аналитику.

Шаг 7. Настройте отслеживание оплаты в Яндекс Метрике

Факт успешного платежа — одна из наиболее важных конверсий для интернет-магазина или сервиса. Но здесь есть распространённая ошибка. Бизнес создаёт цель на посещение страницы: /success и считает каждого посетителя этой страницы покупателем.

Это может искажать статистику. Надёжнее передавать событие успешной оплаты после того, как система действительно получила подтверждение платежа. В зависимости от архитектуры сайта это можно реализовать разными способами. Главная логика: не «пользователь увидел страницу после оплаты», а «система подтвердила успешный платёж».

После этого событие можно использовать в Яндекс Метрике для анализа рекламных кампаний.

Шаг 8. Настройте ecommerce, если у вас интернет-магазин

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

  • товар;
  • категория;
  • количество;
  • стоимость;
  • идентификатор заказа;
  • сумма покупки.

Тогда можно анализировать не только количество оплат, но и выручку. Например, две рекламные кампании могут дать по 10 заказов. Но первая принесла 50 000 ₽ выручки, а вторая — 300 000 ₽. Если смотреть только на количество конверсий, разница будет незаметна.

Шаг 9. Свяжите оплату с рекламным источником

Чтобы связать оплату с рекламой, используйте руководство по UTM-меткам.

Следующий уровень — сквозная аналитика. Допустим, покупатель пришёл по рекламе: Яндекс Директ → сайт → заказ → ЮKassa → оплата Нам нужно сохранить связь между первым переходом и конечной продажей. Для этого могут использоваться:

  • UTM-метки;
  • идентификаторы посетителя;
  • данные аналитических систем;
  • идентификатор заказа;
  • CRM.

Например, при первом переходе на сайт сохраняются UTM-параметры пользователя. Когда он оформляет заказ, информация об источнике передаётся вместе с данными заказа в CRM. После подтверждения оплаты мы можем увидеть:

  • Источник: Яндекс Директ
  • Кампания: remont_msk
  • Заказ: №1058
  • Сумма: 75 000 ₽
  • Статус: оплачен

Именно такая аналитика позволяет оценивать не просто количество заявок, а реальные продажи.

Шаг 10. Обязательно протестируйте интеграцию

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

Успешная оплата

Проверьте:

  • создаётся ли заказ;
  • проходит ли платёж;
  • корректно ли меняется статус заказа;
  • формируется ли чек при необходимости;
  • фиксируется ли покупка в аналитике.

Неуспешная оплата

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

Отмена платежа

Проверьте, что произойдёт, если пользователь начал оплату, но не закончил её.

Возврат

Если бизнес предусматривает возвраты, этот сценарий тоже необходимо протестировать.

Повторное уведомление

Интеграция должна корректно обрабатывать ситуации, когда уведомление о событии приходит повторно. Главное правило: один реальный платёж не должен превращаться в две продажи в CRM или аналитике.

Что анализировать после запуска

После накопления данных можно смотреть не только количество платежей. Для бизнеса гораздо полезнее связка: источник → визит → заявка → заказ → успешная оплата → выручка. Например:

Канал
Расход
Заказы
Оплаты
Выручка
Яндекс Директ
80 000 ₽
40
25
350 000 ₽
Telegram
40 000 ₽
25
18
290 000 ₽
VK
50 000 ₽
30
12
140 000 ₽

Только после этого можно нормально оценивать эффективность маркетинга. Количество кликов само по себе не показывает, какой канал приносит деньги.

Частые ошибки при подключении ЮKassa

Использовать устаревшие инструкции по Яндекс.Кассе

Сервис давно называется ЮKassa, поэтому старые скриншоты, названия разделов и инструкции могут не соответствовать текущему интерфейсу.

Считать посещение страницы «Спасибо» подтверждением оплаты

Факт перехода на страницу не всегда равен успешной транзакции.

Не настроить обработку статусов

Заказ существует отдельно, платёж отдельно, а сотрудникам приходится вручную проверять поступление денег.

Не протестировать возвраты

Основной сценарий работает, но первая же нестандартная ситуация вызывает ошибки.

Не передавать данные в аналитику

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

Не сохранять рекламный источник

Клиент купил — прекрасно. Но компания не знает, какая реклама его привела.

Не проверить фискализацию

Платёжная интеграция и формирование чеков — связанные, но разные задачи. Настройки необходимо проверить до начала полноценного приёма платежей.

Чек-лист перед запуском

Перед тем как принимать реальные платежи, убедитесь:

  • ЮKassa подключена к нужному магазину;
  • сайт создаёт платежи корректно;
  • каждый платёж связан с заказом;
  • статусы платежей обрабатываются;
  • успешная оплата корректно меняет статус заказа;
  • настроено формирование чеков, если оно требуется;
  • протестирована успешная оплата;
  • протестирована ошибка оплаты;
  • проверен возврат;
  • покупатель получает необходимые уведомления;
  • оплата фиксируется в аналитике;
  • UTM-метки или другие данные об источнике сохраняются;
  • одна транзакция не дублируется как несколько продаж.

Что в итоге

Хорошо настроенная ЮKassa — это не просто форма, в которой клиент вводит данные карты. Для бизнеса должна работать единая цепочка: реклама → сайт → заказ → платёж → чек → CRM → аналитика → выручка. Тогда можно ответить не только на вопрос: «Сколько денег поступило через сайт?» но и на более важный: «Какая реклама принесла эти деньги?»

Если вам нужно подключить оплату к сайту или связать транзакции с Яндекс Метрикой, CRM и рекламными источниками, специалисты RamazanovIT помогут настроить интеграцию и аналитику так, чтобы путь клиента от первого перехода до оплаты был измеримым.