Payment Flows

When you create a Payment Link (through Dashboard or API), you will be provided with a payment link and QR code (for payment link created via Dashboard) that you can share with your customer to pay.

Success response upon payment link creation. We provide link, and QR code for you to share with your customers

When your customer click the payment link, checkout interface will be displayed as follow

You can share the payment link with your customer or download QR code, which your customers can click or scan to access the Checkout UI.

If you need to download the QR code again, go to your Dashboard > Accept Payments > Payment Links > Download QR Code:

Payment Channels

Payment link allows your end customer to choose the payment channel they want to pay with. The payment flow will vary depending on your customer’s payment channel selection, as illustrated below.

Pay with eWallet

• When your customer chooses eWallet to pay, they will see the list of available eWallets they can pay through.

• When your customer clicks on an eWallet, they will see channel-specific instructions on how to proceed with the payment (in this example, the customer needs to input their mobile number before paying with OVO)

• When they click “Pay Now,” your customer will need to confirm the payment on the eWallet app.

Pay with Bank Transfer

• When your customer chooses Bank Transfer to pay, they will see the list of available banks they can pay through.

• Once they click on one of the bank accounts, they will see the virtual account number, virtual account name, and specific payment instructions on how to complete the payment for their selected bank.

Pay with Retail Outlet / Over-the-Counter (OTC)

• When your customer chooses Retail Outlet to pay, they will see the available retail outlets they can pay at.

• When they click on one of the retail outlet (in this case, Alfamart), they will see specific payment instructions on how to complete the payment for their selected retail outlet.

Pay with Credit/Debit Cards

• When your customer chooses Credit / Debit Card to pay, they will see input fields to type in their card number, card expiry date and CVV.

• If the cardholder’s credit card qualifies for installments or promotions, the Checkout UI will dynamically show the available installment plans for your customer to select from.

• When they click “Pay Now,” your customer will need to pass the 3DS authentication process and may be asked to input a One-Time Pin (OTP), depending on your configured business preferences.

Pay with Direct Debit

• When your customer chooses Direct Debit to pay, they will see the list of available Direct Debit banks they can pay through.

• When your customer clicks on a Direct Debit bank, they will see a Customer’s Information Page, which will require them to input channel-specific fields such as First and Last Name, Mobile Number and Email.

• When they click “Pay Now,” your customer will receive an OTP to their mobile number to input on the modal.

• After they input a valid OTP, they will be redirected to the success payment page.

Once the payment is successful, Xendit will send the invoice paid callback to the callback URL you have set on your dashboard and the payment link status will be updated to “paid” immediately. If the payment link is not paid before it expires, Xendit will send invoice expired callback to your callback URL. You can enable this on your Dashboard > Settings > Callbacks > Invoices.

Last Updated on 2023-05-17