PayMe from HSBC Setup & Customer Checkout Flow


*This feature is supported in yearly plan only

* Supported only for: HKD stores/Hong Kong-based merchants. 

PayMe for Business is a B2C platform recently launched by HSBC. With this payment method, your customers can complete checkout flow more easily on both desktop computers and mobile devices.

Remarks: This payment method is only available to shop owners who already have a PayMe for Business account. For more details, please contact the Online Merchant Success Team.


1. Register a PayMe for Business Account 

PayMe for Business is only available to HSBC Business Internet Banking Customers, if you’re an HSBC Business Internet Banking customer, please follow the step below to download and start using PayMe for Business straight away.


Step 1. Get the PayMe Business app

Please get the PayMe for Business app here.


Step 2. Register

Open the PayMe for Business app and register. Please refer to the Starter Guide as a reference.


Step 3. Profile icon

After completing the registration, please tap the top right "profile icon".


Step 4. Need to get in touch

Select Help centre and tap Need to get in touch.


Step 5. Online Payment

Tap Send us an enquiry and select Online Payment as the topic.

Please submit an in-app message with the following copy:

"I'm a SHOPLINE customer and interested in using PayMe to collect payments online. My SHOPLINE Identifier is (INSERT SHOPLINE STORE's URL HERE, e.g."


Step 6. Confirm

Please reply with "Confirm" to confirm your acceptance of the terms.


Step 7. Client ID

Once you have confirmed the terms, you can find the merchant ID on your PayMe for Business app. 



Step 8. Set Up Payment Option in Admin 

In the Admin, go to [Settings] > [Payment Options]. Click Add to enter the setup page. Select PayMe in the "Payment Type" dropdown list and fill the Merchant ID and Business Email (The email saved on PayMe) into the corresponding fields. 

Please DO NOT change these details, or else this payment method will become invalid.

You can set up a payment fee if needed.

Please refer to our instructions here: Payment Fee Settings


You can also edit the "Name of Payment Method", "Payment Instructions" and "Excluded Delivery Options" in the below section.


Remember to click Add after you finish setting up PayMe payment details.


2. Customer Checkout Flow 

A. For Desktop

Step 1. Select PayMe at checkout

Customers choose PayMe as the payment method, then click Proceed to Checkout.



Step 2. Place Order

Customers fill in their information and delivery details, then click Place Order.



Step 3. Payment page

Customers will be directed to a payment page with a PayCode shown.



Customers can use their PayMe app on their mobile device to scan the PayCode and enter their PayMe PIN to complete the payment.

Note: Customers should complete the transaction within 5 mins, or else the PayCode will expire.

If PayCode is expired, customers can then click Go Back and go back to Step 2. Fill in Information to create a new order.



The previous order that is not paid will be marked as "Unpaid" in the Admin.

Note: You can go to [Settings] > [Order Settings], and turn on the "Auto cancel orders with 'expired' payment status" toggle. The unpaid PayMe orders will then be marked as "Cancelled" automatically after 15 mins, and the inventory will also be released.



Step 4. Done

Once customers complete payment on the PayMe app, the PayCode page will direct them to the "Step 3. Order Confirmation" page with order details such as Payment Type, Payment Status and Transaction Number.



B. For Mobile 

Step 1. Fill in information

Customers fill in the personal and delivery information, then tap Place Order.



Step 2. Place Order

They will be directed to the PayMe app to complete the transaction.



Step 3. Order Confirmation

Customers will be required to enter their PayMe PIN to complete the transaction. After completing the payment, they will be redirected back to Step 3 of the checkout flow and see their Order Confirmation.



You could add the PayMe logo to your storefront footer. This convenient way of payment may attract customers and boost sales. For more details about Customized Shop Footer, please refer to its FAQ


Step 1. Go and Try

Go to [Online Store Design] > [Menu Navigation]. Scroll down and click Edit next to "Shop Footer" to start editing.



Step 2. PayMe logo

You can add the PayMe logo at your footer to boost the usage of this payment method. 

Click the HTML of element tools and paste the HTML code of the PayMe logo there.




<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src=""/>


<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src=""/>


Step 3. Done

After your edit is finished, click Preview and then Save it. Your customers will then be more aware of this new payment method!






Have more questions? Submit a request