
Card ECOM
Card ECOM is a merchant's decision to take a specific type of payment card, like a credit or debit card, from a customer. Choose an integration option below to get started — from Payment Page Redirect to Server-to-Server, Checkout Page, and Pay by Link.
Payment workflow
The following diagrams explain the Card ECOM payment workflows for Payment Page Redirect and Server-to-Server.
- Payment Page Redirect
- Server-to-Server
Scroll horizontally if the diagram is wider than your screen.
- 1Payer (Cardholder)Merchant
1. Initiates transaction
- 2MerchantOneAPI
2. Create payment request (Payment API)
- 3OneAPIMerchant
3. Response with client_action: redirect (payment page URL)
- 4MerchantPayer (Cardholder)
4. Redirect to Hosted Payment Page
- 5Payer (Cardholder)OneAPI
5. Enters card & cardholder data
- OneAPI
3DS is not mandatory in all jurisdictions — steps 6–9 apply only when 3DS is required; a frictionless authentication skips the challenge
- 6OneAPICard Issuer
6. 3DS authentication request
- 7Card IssuerPayer (Cardholder)
7. 3DS challenge (redirect)
- 8Payer (Cardholder)Card Issuer
8. Confirms 3DS challenge
- 9Card IssuerOneAPI
9. 3DS authentication result
- 10OneAPIOneAPI
10. Processes payment
- 11OneAPIPayer (Cardholder)
11. Redirect to success_url or error_url
- OneAPI
Payment processing occurs asynchronously
- 12OneAPIMerchant
12. Postback notification (payment status update)
- 13MerchantMerchant
13. Update order status in system
Scroll horizontally if the diagram is wider than your screen.
- 1Payer (Cardholder)Merchant
1. Initiates transaction
- 2MerchantOneAPI
2. Create payment request with card data (Payment API)
- 3OneAPIOneAPI
3. Processes payment using merchant's 3DS data
- 4OneAPIMerchant
4. Payment result (status: completed)
- OneAPI
A postback is still sent for the final status
- 5OneAPIMerchant
5. Postback notification (payment status update)
- 6MerchantMerchant
6. Update order status in system
Scroll horizontally if the diagram is wider than your screen.
- 1Payer (Cardholder)Merchant
1. Initiates transaction
- 2MerchantOneAPI
2. Create payment request with card data (Payment API)
- 3OneAPIMerchant
3. Response (status: pending, client_action: postForm)
- 4MerchantPayer (Cardholder)
4. Redirect to 3DS authentication page (postForm)
- 5Payer (Cardholder)Card Issuer
5. Completes 3DS challenge
- 6Card IssuerOneAPI
6. 3DS authentication result
- 7OneAPIOneAPI
7. Processes payment
- 8OneAPIPayer (Cardholder)
8. Redirect to success_url or error_url
- OneAPI
Payment processing occurs asynchronously
- 9OneAPIMerchant
9. Postback notification (payment status update)
- 10MerchantMerchant
10. Update order status in system
Integration options
Choose how you want to accept Card ECOM: