Desktop/Mobile Website Browser
Accept Philipines online banking payments on your website by redirecting shopper to bank pages. See checkout experience as below:
- The shopper chooses to pay with online banking
- The shopper selects their preferred bank on checkout page
- The shopper is redirected to selected bank
- The shopper logs in to online banking and review the order
- The shopper authorizes the payment
- The shopper is redirected to payment confirmation page
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 Philipines Online Banking as an 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. Get available banks
Philipines Online Banking requires bank_name when confirming the Payment Intent, you can call this API endpoint /api/v1/pa/config/banks with payment_method_type, country_code and lang to get available bank names based on the payment method selected.
Request:
Response:
Alternatively, you can maintain a list of available banks locally on your server for payment methods that require bank_name if you do not want to use this API endpoint. However, we highly recommend you get the banks dynamically from this API to avoid any trouble when bank information or availability gets updated.
Supported banks
| bank_name | Display name |
|---|---|
bpi | BPI |
Step 4. Redirect to selected bank to complete payment
When a shopper selects to pay with FPX Online Banking on their desktop/mobile browser, call the following API endpoints to get the URL in next_action to redirect the shopper to FPX payment page to complete the payment.
- Obtain URL from Airwallex and redirect shopper to Philipines Online Banking 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 Philipines Online Banking.
- Query the PaymentIntent status
You may also query the status of a payment anytime via the PaymentIntents API