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