Get started
How it works
- The application client initializes the SDK, receives a payment token, and retrieves a list of available payment methods.
- The client displays the payment UI with the list of available payment methods.
- The client initializes the payment UI.
Note
You can also configure payment with a specific method. In this case, the client passes the payment method ID when initializing the payment UI.
- The client subscribes to events.
- The user selects a payment method.
- The client displays the payment UI with the fields for payment details.
- The user enters payment details.
- The client receives an event about the data input. Depending on the result of data processing, the client performs one of the following actions:
- Displays additional fields.
- Displays an error message.
- Redirects the user to an external payment system, e.g., PayPal.
- Initiates 3-D Secure verification.
- Displays the payment status.
Integration flow
Note
This guide describes the minimum settings required for a quick start. By default, components don’t have their own styles. For advanced customization, you can create your own components as well as customize the secured ones.
To integrate Headless checkout:
After integration is complete, test the payment process in sandbox mode and launch the project.
Contact our integration team
Click the chat icon in the bottom right corner and contact the integration team via a messenger. We’ll answer you in real time and will help to resolve the problem.
Was this article helpful?
Thank you for your feedback!
We’ll review your message and use it to help us improve your experience.Found a typo or other text error? Select the text and press Ctrl+Enter.
