Сценарии интеграции
 
О сценариях
В ЮKassa есть несколько сценариев интеграции. Они различаются тем, на чьей стороне пользователь выбирает способ оплаты и вводит платежные данные.
СценарийВыбор способа оплатыВвод платежных данных
Умный платежНа стороне ЮKassaНа стороне ЮKassa
Виджет ЮKassaНа вашей стороне (с помощью виджета)На вашей стороне (с помощью виджета)
Платежи в мобильном приложенииНа вашей стороне (с помощью мобильного SDK)На вашей стороне (с помощью мобильного SDK)
Самостоя-
тельная интеграция
На вашей сторонеНа вашей стороне или на стороне ЮKassa (зависит от способа оплаты и настроек вашего магазина)
Форма оплаты банковской картойНа вашей сторонеНа вашей стороне (с помощью веб SDK)
 
Умный платеж
Самый простой сценарий. Вам нужно только перенаправить пользователя на страницу ЮKassa, где он выберет один из доступных способов оплаты и безопасно введет платежные данные.
Пример реализации:
  1. Пользователь на вашей стороне переходит к оплате (например, нажимает на кнопку).
  2. Вы создаете Умный платеж и перенаправляете пользователя на страницу ЮKassa.
  3. Пользователь на стороне ЮKassa выбирает способ оплаты и вводит данные.
  4. ЮKassa реализует нужный сценарий подтверждения оплаты (например, перенаправляет пользователя в интернет-банк).
  5. Пользователь подтверждает оплату.
  6. ЮKassa возвращает пользователя на страницу завершения оплаты на вашей стороне.
Подробнее об Умном платеже
 
Виджет ЮKassa
Позволяет встроить платежную форму в ваш сайт. За безопасность ввода данных и взаимодействие с пользователем отвечает виджет ЮKassa.
Пример реализации:
  1. Пользователь на вашей стороне переходит к оплате (например, нажимает на кнопку).
  2. Вы создаете платеж, получаете от ЮKassa токен для инициализации виджета и отображаете платежную форму.
  3. Пользователь в платежной форме выбирает способ оплаты, вводит данные и переходит к оплате.
  4. ЮKassa реализует нужный сценарий подтверждения оплаты (например, перенаправляет пользователя в интернет-банк).
  5. Пользователь подтверждает оплату.
  6. ЮKassa возвращает пользователя на страницу завершения оплаты на вашей стороне.
Подробнее о виджете ЮKassa
 
Платежи в мобильном приложении
Позволяет встроить платежную форму в ваше мобильное приложение на iOS или Android с помощью мобильных SDK ЮKassa. За безопасность ввода данных для оплаты будет отвечать мобильный SDK.
Пример реализации:
  1. Пользователь на вашей стороне выбирает способ оплаты, вводит данные и переходит к оплате.
  2. Вы получаете в мобильном SDK токен с платежными данными.
  3. Вы создаете платеж, используя полученный платежный токен, и реализуете нужный сценарий подтверждения.
Использование мобильных SDK
 
Самостоятельная интеграция
В Умном платеже все способы оплаты, которые доступны вашему магазину, отображаются на странице ЮKassa. При самостоятельной интеграции пользователь выбирает способ оплаты на вашей стороне в вашем интерфейсе. В зависимости от способа оплаты и настроек магазина вы также можете реализовать сбор данных для оплаты, например, узнать у пользователя его логин в интернет-банке.
Пример реализации:
  1. Пользователь на вашей стороне выбирает способ оплаты, вводит данные и переходит к оплате.
  2. Вы создаете платеж выбранным способом и реализуете нужный сценарий подтверждения.
Подробнее о способах оплаты и их самостоятельной интеграции
 
Форма оплаты банковской картой на вашем сайте
Если вы хотите принимать оплату банковской картой, вы можете встроить в ваш сайт платежную форму с помощью веб SDK ЮKassa. За безопасность ввода данных банковской карты будет отвечать веб SDK.
Пример реализации:
  1. Пользователь на вашей стороне выбирает способ оплаты, вводит данные и переходит к оплате.
  2. Вы получаете в веб SDK токен с платежными данными.
  3. Вы создаете платеж, используя полученный платежный токен, и реализуете нужный сценарий подтверждения.
Использование веб SDK
 
Что почитать еще
Оплата по 54-ФЗНеуспешные платежиВходящие уведомленияТестирование