Selecting integration scenario
About the scenarios
YooMoney supports several payment scenarios. They differ in respect to where the user selects the payment method and enter information for payment.
| Scenario | Payment method selection | Payment data entry |
|---|---|---|
| Smart payment | On YooMoney’s side | On YooMoney’s side |
| YooMoney Checkout Widget | On your side (using the widget) | On your side (using the widget) |
| Payments in the mobile app | On your side (via mobile SDK) | On your side (via mobile SDK) |
| Manual integration | On your side | On your side or on YooMoney’s side (depending on the payment method and your store’s settings) |
| Card payment form on your website | On your side | On your side (via Checkout.js) |
Smart payment
The most simple scenario. You only need to redirect the user to the YooMoney page where they’ll select one of the available payment methods and securely enter information for payment.
Example of implementation:
- The user proceeds to checkout on your side (for example, by clicking a button).
- You create a Smart payment and redirect the user to the YooMoney’s page.
- The user selects the payment method and enters information for payment on YooMoney’s side.
- YooMoney implements the required payment confirmation scenario (for example, redirects the user to Internet banking).
- The user confirms the payment.
- YooMoney returns the user to the payment completion page on your side.
YooMoney Checkout Widget
It allows embedding the payment form to your website. The YooMoney Checkout Widget provides the security of data entry and user interaction.
Example of implementation:
- The user proceeds to checkout on your side (for example, by clicking a button).
- You create a payment, obtain a YooMoney token for widget initialization, and display the payment form.
- The user selects the payment method in the payment form, enters the details, and proceeds to the payment.
- YooMoney implements the required payment confirmation scenario (for example, redirects the user to Internet banking).
- The user confirms the payment.
- YooMoney returns the user to the payment completion page on your side.
Payments in the mobile app
Embed the payment form to your iOS or Android mobile app using YooMoney’s mobile SDK. The SDK will ensure the security of bank card data entry.
Example of implementation:
- The user selects the payment method, enters information for payment and proceeds to checkout on your side.
- You receive a token with payment details via mobile SDK.
- You create the payment using the received payment token and implement the required payment confirmation scenario.
Manual integration
In Smart payment, all payment methods available to your store are displayed on the YooMoney’s page. With manual integration, the user selects the payment method on your side in your interface. Depending on the payment method and store’s settings you can also implement payment data collection, for example, by asking the user’s login in Internet banking.
Example of implementation:
- The user selects the payment method, enters information for payment and proceeds to checkout on your side.
- You create the payment with the selected method and implement the required payment confirmation scenario.
Card payment form on your website
If you want to accept bank card payments, you can embed a payment form to your website using Checkout.js. The Checkout.js will ensure the security of bank card data entry.
Example of implementation:
- The user selects the payment method, enters information for payment and proceeds to checkout on your side.
- You receive a token with payment details via Checkout.js.
- You create the payment using the received payment token and implement the required payment confirmation scenario.
See also