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

      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.