Payment flow and user experience
Payment flow
The following figure illustrates the work flow of Web Payment.
- Customer checks out on merchant website and chooses to pay with Alipay.
- Merchant system sends a transaction request to Alipay.
- Alipay returns a payment QR code link to merchant system.
- Merchant system presents the payment QR code.
- Customer scans the QR code to make payment.
User experience
If you integrate successfully with Alipay payment solution, you will see a merchant checkout page as below:
If the buyer selects Alipay for payment, the following QR code for payment will be shown:
The buyer can log in the payment system with their username and password:
After login, the buyer will see exchange rate, account balance, payment account, and some other information. If the buyer confirms the payment, the payment result will be returned afterwards:
For example, if the payment is successful, a page as below will be returned:
After several seconds, the page is redirected to the merchant homepage according to the value of the return_url
.