Checkout widget
Last updated
Was this helpful?
Last updated
Was this helpful?
This functionality is deployed only on staging at the moment.
Checkout is a payment gateway designed for processing debit and credit card payments online, offering access to local payment methods through global payment platforms. NymCard has integrated with Checkout, enabling users to transfer funds from their debit or credit cards to their NymCard wallet.
This document describes the Checkout widget, which allows non-PCI-compliant customers to securely collect and submit card details. It supports the following functionalities:
Users can manually input the card number and other required details.
The widget can read card details from an image for seamless data entry.
In order to open the Checkout widget, take the following steps:
Perform “” API. LUT is a limited usage token, which expires after 10 minutes after being created. Each LUT will work for 10 requests. For creating LUT you need to fill the following parameters:
'source_id' - put "default_pci_source" here
‘operation’ - put "CHECKOUT_TOKEN" here
Below there is an example of request:
Response sample:
2. Encode token together with ‘cardId’ and 'userId', values using Base64 encryption format.
Below you can find an example of data which should be encoded:
3. Take the following URL and add base64 encrypted token to it. Below you can see an example:
4. The mobile app will need to create an iframe to display the widget inside a native view. Below you can find an example code (please adapt it to your own standards/code):
For iOS (Swift/Objective-C):
For Android (Java/Kotlin):
5. The checkout widget will be loaded. Below you can find two flows for performing checkout payments:
Using existing saved card details
Using the card details of a newly-created card
Take the following steps:
Select the Receiver Card and call the checkout widget.
Widget will display the list of already added cards. Select the necessary card and click Confirm:
Enter money amount which you want to transfer, select the way how the fee will be deducted (Deduct from amount or Charge from the card) and click Pay Now:
If 3DS setting is set as true, then you will get screen where you can enter the OTP code:
After that you will receive a message about a successful operation.
Take the following steps:
Select the Receiver Card and call the checkout widget.
Widget will display the list of already added cards together with Add a new card button. Click on it:
Enter such card details, as Card number, expiry, CVV, cardholder name. Activate Save card details toggle button to save details for further payments. Click Confirm button:
Enter money amount which you want to transfer, select the way how the fee will be deducted (Deduct from amount or Charge from the card) and click Pay now:
If 3DS setting is set as true, then you will get screen where you can enter the OTP code:
After that you will receive a message about a successful operation.
If you want to delete already added card, take the following steps:
Select the Receiver Card and call the checkout widget.
Widget will display the list of already added cards. Click on the Bin icon next to the card which you want to delete:
Confirm the deletion by clicking the Remove button:
After that you will receive a message about a successful deletion.