Desktop/Mobile Website Browser
Accept PayNow on your website by redirecting shopper to payment instruction page.
See checkout process below:
- The shopper chooses to check out with PayNow
- The shopper opens their bank app to scan the QR code displayed by the merchant to make payment*
- The shopper clicks Next button and confirm the payment details**
- The payment succeeds and the shopper is redirected back to merchant website upon completing payment
*For Mobile Checkout flow: the shopper need to save QR code generated in moblie’s photo gallery, and then relaunch own bank app and scan QR code to pay
**Unable to support dynamic descriptor to display merchant individual company name at the payment details. The shopper will see “Razer Merchant Services (SG) Pte Ltd“
Step 1. Initialize a payment Intent
Create a PaymentIntent object with a request_id
, amount
, currency
and a merchant_order_id
from your backend server.
Step 2. Get available payment methods
To be able to display PayNow as a payment option on your checkout page, you need to get available payment methods from Airwallex API.
When the PaymentIntent is created, send a GET
request with parameters country_code
, transaction_currency
, transaction_mode
to API endpoint /api/v1/pa/config/payment_method_types
to query for a list of available payment method based on the information provided. The response will also contain the required fields and necessary resources of each payment method for you to display them on your page.
Request:
Response: Render payment methods in items
to show all available payment methods to the shopper at checkout page.
Alternatively, you can maintain available payment methods and corresponding resources locally on your server if you do not want to use this API endpoint. However, we highly recommend you get available payment methods dynamically from this API to avoid any trouble when payment method information or resources get updated.
Step 3. Redirect to payment instruction page to complete payment
When a shopper selects to pay with PayNow on their desktop/mobile browser, call the following API endpoints to get the URL in next_action
which you can use to redirect the shopper to DuitNow payment page to complete the payment.
- Obtain URL from Airwallex and redirect shopper to DuitNow payment page
Request:
Response:
- Wait for notification from Airwallex
Airwallex will notify you on the payment result asynchronously via the webhook API. Please refer to webhook documentation to set up your webhook accordingly. Although subscribing to different events is optional, it is recommended to at least subscribe to the ‘payment_intent.succeeded’ which indicates that the shopper has successfully paid for the order via PayNow.
- Query the PaymentIntent status
You may also query the status of a payment anytime via the PaymentIntents API