Alipay, China's leading third-party online payment solutionAlipay, China's leading third-party online payment solution

Payment flow and user experience

Payment flow

The following figure illustrates the work flow of Web Payment.


Web-payment-详情页-流程.jpg

  1. Customer checks out on merchant website and chooses to pay with Alipay.
  2. Merchant system sends a transaction request to Alipay.
  3. Alipay returns a payment QR code link to merchant system.
  4. Merchant system presents the payment QR code.
  5. 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:

Payment flow and user experience

If the buyer selects Alipay for payment, the following QR code for payment will be shown:

Payment flow and user experience

The buyer can log in the payment system with their username and password:

Payment flow and user experience

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:

Payment flow and user experience

For example, if the payment is successful, a page as below will be returned:

Payment flow and user experience

After several seconds, the page is redirected to the merchant homepage according to the value of the return_url.