Display Alipay+ payment methods

This document lists the specifications on how to display the payment method brand information in the following two main scenarios:

• Cashier Payment Tile Mode
• Auto Debit

Tab1 Cashier Payment Tile Mode

For the Cashier Payment Tile Mode, the payment methods are displayed by using the Alipay+ sub-section or separately. In both scenarios, you must display the brand information of the payment methods on the merchant's cashier page.

See UX Design Guidelines (ACQP) for more information.

Use Alipay+ sub-section

In this scenario, on the merchant's cashier page, all the payment methods supported by Alipay+ are listed under the Alipay+ sub-section, with wallet logos and names. For example:

Not use Alipay+ sub-section

In this scenario, on the merchant's cashier page, payment methods are listed separately. For example:

In both scenarios, display the Alipay+ Partner brand and wallet brand according to the image area availability at your front-end:

Using Alipay+ sub-section

Not using Alipay+ sub-section

For the brand logo images, use the Acceptance Mark Generator to download the assets. For the brand name text, see Brand name list.

Tab2 Auto Debit

Auto Debit requires you to display the brand information of the payment methods on the Add payment method page and the Payment method list page. For example:

Add payment method page

Payment method list page

See UX Design Guidelines (ACQP) for more information.

Display the Alipay+ Partner brand and wallet brand according to the image area availability at your front-end:

For the brand logo images, use Acceptance Mark Generator to download the assets. For the brand name text, see the Brand name list.

Displaying Alipay+ after payment

Alipay+ brand

It is also important to display Alipay+ on pages after the payment, such as the payment result page and the order detail page. This helps the user remember that the payment is completed using Alipay+. For any of these pages, you must display Alipay+ as an image or text.

• Alipay+ (MPP brand name)

For example:

• Alipay+ (GCash)

Get brand logo images

Use the Acceptance Mark Generator to generate the logo assets for your user interface. Use the Single Asset tool to display the Alipay+ Partner logo and wallet logo separately. Use the Joint Asset tool to display the Alipay+ Partner logo & wallet logo as one image.

Acceptance Mark Generator

Alipay+ as an image

Alipay+ offers image assets in both normal & dark mode styles, you can use either of them to adapt your UI design. To download the asset, see Alipay+ Brand Mark Assets.

Note: This image asset is usable only for pages after the payment.

Alipay+ as text

Brand name list

Use the brand names in the following table for the payment method names.

Alipay+ Partner

Wallets

Verify your design

Please contact your business partner/project manager at Alipay+ to verify your UX design.