Cashier Payment

Alipay+ Cashier Payment allows merchants to quickly collect online payments from the consumer's MPP account. The payment is safe as the consumer is prompted to complete authentication before confirming the payment.

Basic concepts

User experience

With Cashier Payment, the consumer can place an order on the merchant platform and select Alipay+ as the payment method. Then Alipay+ displays the available MPPs for the consumer to select and complete the payment on the selected MPP platform. After the payment is done, the consumer can return to the merchant platform.

For different MPP platforms, the user experience is different. The MPP platform can be a PC website (referred to as "Web" below) or a mobile app/WAP page (referred to as "Mobile" below).

• If the consumer places the order on a Mobile page, the consumer is redirected to the MPP app or WAP page to continue the payment process.
• If the consumer places the order on a Web page, the consumer is redirected to a Web page to continue the payment process.

Mobile

This section introduces the user experience of Cashier Payment on mobile platforms.

Scenario 1. Pay in the MPP app

In this scenario, the MPP app is installed on the consumer's phone.

After placing an order on the merchant side, the consumer is redirected to the MPP app to complete the payment. The following figure illustrates the user experience for this scenario:

Figure 1. Pay in the MPP app

The consumer performs the following steps to complete the payment:

1. The consumer selects Alipay+ as the payment method on the merchant's order confirmation page.
2. The Alipay+ sheet pops up and lets the consumer select an MPP to continue.
3. The consumer clicks the pay button and is then redirected to the payment confirmation page in the MPP app. The consumer can check the payment information and adjust the balance or bank account to pay with.
4. The consumer clicks the payment button and completes the verification to pay.
5. The consumer confirms the payment result in the MPP app and returns to the merchant.

Scenario 2. Pay on the MPP WAP page

In this scenario, the MPP app is not installed on the consumer's phone.

After placing an order on the merchant side, the consumer is redirected to the MPP WAP page to complete the payment. The following figure illustrates the user experience for this scenario:

Figure 2. Pay on the MPP WAP page

The consumer performs the following steps to complete the payment:

1. The consumer selects Alipay+ as the payment method on the merchant's order confirmation page.
2. The merchant redirects the consumer to the Alipay+ checkout page to select an MPP to continue.
3. The merchant redirects the consumer to the MPP page to log in.
4. The consumer logs in and is then redirected to the MPP's payment confirmation page (WAP page). The consumer can check the payment information and adjust the balance or bank account to be paid with.
5. The consumer clicks the payment button to pay.
6. The consumer confirms the payment result on the MPP WAP page and returns to the merchant

Note: If the MPP does not support payment on WAP pages, instruct the consumer to download the MPP app.

Web

This section introduces the user experience of Cashier Payment on Web platforms. Depending on whether the MPP app supports code scanning, the payment experience varies:

• If the MPP app supports code scanning, the consumer scans the code and completes the payment by using the MPP app.
• If not, the consumer is redirected to a series of web pages to go through the payment process, including logging in and paying with a password.

Scenario 3. Scan to pay

Conditions:

• The consumer places an order on the merchant's desktop website.
• The wallet that the consumer pays with supports scan-to-pay

After placing an order on the merchant Web page, the consumer is redirected to the Alipay+ checkout page, where the consumer uses the MPP app to scan the QR code to pay. The following figure illustrates the user experience:

Figure 3. Scan to pay

The consumer performs the following steps to complete the payment:

1. The consumer selects Alipay+ as the payment method on the merchant's order confirmation page.
2. The consumer is redirected to the Alipay+ checkout page, where the supported wallets are displayed. The consumer selects one wallet and then a QR code is displayed.
3. The consumer opens the corresponding MPP app on his or her phone to scan the QR code.
4. The MPP app displays the payment confirmation page. The consumer can check the payment information and adjust the balance or bank account to pay with.
5. The consumer completes the payment after verification.
6. The MPP app displays the payment result.
7. The merchant Web page displays the payment result.

Scenario 4. Log in to pay

Conditions:

• The consumer places an order on the merchant's desktop website.
• The wallet that the consumer pays with does not support scan-to-pay.

After placing an order on the merchant side, the consumer is redirected to the Alipay+ checkout page. The consumer then selects an MPP and logs in to the MPP page to pay. The following figure illustrates the user experience:

Figure 4. Log in to pay

The consumer performs the following steps to complete the payment:

1. The consumer selects Alipay+ as the payment method on the merchant's order confirmation page.
2. The consumer is redirected to the Alipay+ checkout page, where the supported wallets are displayed. The consumer selects one wallet and then the log-in-to-pay button is displayed.
3. The consumer clicks the pay button and is then redirected to the MPP page to log in.
4. The consumer completes the payment after verification.
5. The MPP displays the payment confirmation page. The consumer can check the payment information and adjust the balance or bank account to pay with.
6. The MPP displays the payment result page and redirects the consumer back to the merchant.

Product functionalities

Cashier Payment offers the following main features to facilitate your business:

How it works

The following figure illustrates the main process of how Cashier Payment works:

Figure 5. Alipay+ Cashier Payment workflow

Cashier Payment workflow contains the following key steps: 

1. The MPP provides the cashier base URL to Alipay+. (Step 1)
2. The merchant/ACQP redirects the user to the MPP. (Step 6)
3. The MPP decodes the Alipay+ code by calling the userInitiatedPay API. (Step 7)
4. The MPP renders and displays the checkout page after getting all payment details from Alipay+. (Step 9)
5. The MPP notifies Alipay+ of the payment result by calling the notifyPayment API. (Step12)

Notes:

If the MPP has integrated the Alipay+ SDK, the SDK works in the following steps:

• A+ Server SDK helps with recognizing the code. (Step 7)
• A+ client SDK helps with the redirection. (Step 11)

Page detail requirements

This section introduces the requirements of the page details for the following important pages for Cashier Payment:

• Payment Confirmation Page
• Payment Result Page
• Transaction Detail Page

Payment Confirmation Page

The following figure illustrates the fields that can be displayed on the Payment Confirmation Page for Cashier Payment.

Figure 6. Fields for Payment Confirmation Page

The following table lists additional information about the fields in figure 6. Information on all of the fields in the table can be obtained from the related payment APIs.

If the fields in the following table are available, the fields must be provided on the Payment Confirmation Page.

Payment Result Page

The following figure illustrates the fields that can be displayed on the Payment Result Page for Cashier Payment.

Figure 7. Fields for Payment Result Page

The following table lists additional information about the fields in figure 7. Information on all of the fields (except the Alipay+ brand) in the table can be obtained from the related payment APIs.

If the fields in the following table are available, the fields must be provided on the Payment Result Page.

Transaction Detail Page

The following figure illustrates the fields that can be displayed on the Transaction Detail Page, which includes the information about a completed transaction.

Figure 8. Fields for Transaction Detail Page

The following table lists additional information about the fields in figure 8. Information on all of the fields (except the Alipay+ brand) in the table can be obtained from the related payment APIs.

If the fields in the following table are available, the fields must be displayed on the Transaction Detail Page.

Get started

If you intend to access this product, please submit your information first. We will get back to you soon.

To get started with the Alipay+ integration, see Get started with Alipay+ integration.

For more information about how to integrate the Cashier Payment functionalities, see Integration guide for Cashier Payment.