# Brand Display Guidelines for Online Payment > This document lists the specifications on how to display the payment method brand information in the following three main scenarios:For the Cashier Payment Tile Mode, the payment methods are displayed # 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)](../ux_acq_tile/acq_overview) 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: | **Web -** **Use Alipay+ sub-section** | **Mobile - Use Alipay+ sub-section** | | --- | --- | | ![Use Alipay+ sub-section.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/21607757-8ddd-4f95-aa4b-9621e2e58243.png) | ![Use Alipay+ sub-section-mobile.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/a779c425-9f31-42e4-aea4-c7ba952bbdad.png) | ### Not use Alipay+ sub-section In this scenario, on the merchant's cashier page, payment methods are listed separately. For example: | **Web - Not use Alipay+ sub-section** | **Mobile - Not use Alipay+ sub-section** | | --- | --- | | ![Not use Alipay+ sub-section.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/2013b65d-bcdf-45cb-8719-c7dad868e220.png) | ![Not use Alipay+ sub-section-mobile.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/f2a0e31e-8c2e-40a2-ada1-63ac84e2f415.png) | In both scenarios, display the Alipay+ Partner brand and wallet brand according to the image area availability at your front-end: ![Brand.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/c388b3d8-6a3a-418c-bf70-00b28c8247b5.png) **Using Alipay+ sub-section** ![Brand 2.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/6f5781aa-b7c6-45d0-80de-e34eab37d734.png) **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](#aEESn). ## 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** | **Web** | **Mobile** | | --- | --- | | ![43.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/89a65a41-e796-4198-a1e4-e1ddf6ae8d49.png) | ![44.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/8f975bb5-4878-4bd1-b6b2-27b4e8056530.png) | **Payment method list page** | **Web** | **Mobile** | | --- | --- | | ![45.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/40635708-603d-4995-8b22-47ef7fd7503c.png) | ![46.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/5132dbc2-24c9-453f-8a43-356a34631f95.png) | See [UX Design Guidelines (ACQP)](../ux_acq_tile/acq_overview) for more information. Display the Alipay+ Partner brand and wallet brand according to the image area availability at your front-end: ![Brand-3.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/3b3ac466-0c29-4c28-9e46-ed348e8f2ede.png) For the brand logo images, use Acceptance Mark Generator to download the assets. For the brand name text, see the [Brand name list](#aEESn). # 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. | ![13.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/1e72072e-e4c8-43fe-8a8f-fd45a079b75b.png) | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1655189415746-ac318d0b-0fb2-4593-aed2-09ed5041e64d.png) | | --- | --- | | **Alipay+ as image** | **Alipay+ as 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. ### 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](brand_assets). | ![14.png](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/yuque/idocs/2025/png/588eb5e0-6695-44b0-b5cd-ac4628b527b9.png) | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1736244247091-61ca5275-1127-4dfb-9aa0-5f8cf79feb26.png) | | --- | --- | | **Primary-To C** | **Primary-To C-Reverse** | | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1736244231948-1041b765-4468-4b48-985b-811cb7d701ee.png) | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1736244247091-61ca5275-1127-4dfb-9aa0-5f8cf79feb26.png) | | **Primary-To B** | **Primary-To B-Reverse** | | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1737957083216-f10d91ca-7c6d-4573-a70b-e56719564202.png) | ![image](https://idocs-assets.marmot-cloud.com/storage/idocs87c36dc8dac653c1/1737957096045-b4011624-3670-4d47-8b59-365106839a28.png) | | **Secondary** | **Secondary\-Reverse** | > **Note**: This image asset is usable only for pages after the payment. ### Alipay+ as text | **Right Usage** | **Wrong Usage** | | --- | --- | | Alipay+ | AliPay+ ALIPAY+ AlipayPlus Alipayplus | # Brand name list Use the brand names in the following table for the payment method names. ### Alipay+ Partner | **Alipay+ Partner & Full Name (English)** | **Abbreviation** | **Full Name** **(Local Language)** | **Wrong Usage** | | --- | --- | --- | --- | | Alipay+ Partner | N/A | N/A | Alipay+ partner | ### Wallets | **Wallet** | **Brand Name** | **Abbreviation** | **Full Name (Local L****anguage)** | **Wrong Usage** | | --- | --- | --- | --- | --- | | **Alipay** | 支付宝 | N/A | 支付宝 | | | **AlipayHK** | AlipayHK | N/A | N/A | | | **Touch 'n Go eWallet** | Touch 'n Go eWallet | TNG eWallet | N/A | Touch'n Go eWallet Touch 'n GO eWallet Touch 'n Go Wallet | | **TrueMoney Wallet** | TrueMoney Wallet | N/A | ทรูมันนี่ วอลเล็ท | | | **DANA** | DANA | N/A | N/A | Dana | | **GCash** | GCash | GCash | N/A | G Cash Gcash | | **Kakao Pay** | Kakao Pay | N/A | 카카오페이 (Kakao Pay's preference) | KakaoPay Kakao pay | | **bKash** | bKash | N/A | N/A | | | **easypaisa** | easypaisa | N/A | N/A | | | **Paytm** | Paytm | N/A | N/A | PayTM | | **Alipay (Macao)** | Alipay (Macao) | N/A | 支付寶（澳門） | | | **Boost** | Boost | N/A | N/A | | | **Rabbit LINE Pay** | Rabbit LINE Pay | N/A | N/A | Rabbit Line Pay | # Verify your design Please contact your business partner/project manager at Alipay+ to verify your UX design.