PayMe from HSBC Setup & Customer Checkout Flow

SHOPLINE_Support-Advanced-Plan.jpg

*This feature is supported in yearly plan only

 

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 computer and mobile device.

Remarks: This payment method is only available to shop owners who already have a PayMe for Business account. For more details, please contact our customer success team.

 

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 PayMe  Business app

Please get the PayMe for Business app here.

 

Step 2 : Register

Open the PayMe for Business APP, and register the account.

Please refer to the Starter Guide as reference.

 

Step 3 : Profile icon

After completed 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. https://abc.shoplineapp.com).”

 

Step 6 : Confirm

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

 

Step 7 : Client ID

Once you have confirmed the terms, you will receive the "Client ID".

Please then contact our customer success team and provide us the Client ID to help you set up PayMe for Business in your shop!

 

Step 8 : Payment fee

When PayMe for Business is set up for you, you can go to Settings > Payment Options to check and publish to storefront.

Clicking into `Edit`, you will see that 'Client ID', 'Client Secret' and 'Signing Key' are already filled out for you. Please DO NOT change these details, or else this payment method will become invalid.

But feel free to set up 'Payment fee' if you want.

Please refer to our instructions here: Payment Fee Settings

Screen_Shot_2019-03-20_at_3.21.40_PM.png

 

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

Screen_Shot_2019-03-20_at_3.27.09_PM.png

 

Remember to Click `Update` after you finish setting up PayMe payment details.

 

Customer Checkout Flow 

A. For Desktop

 

Step 1 : PayMe

Customers choose 'PayMe' as payment method > click `Proceed to Checkout`

Screen_Shot_2019-03-20_at_4.13.45_PM.png

 

Step 2 : Place Order

Customers fill in their information and delivery details > Click 'Place Order' on your store

Screen_Shot_2019-03-20_at_4.20.14_PM.png

 

Step 3 :  payment page

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

Screen_Shot_2019-04-10_at_12.38.20_PM.png

 

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 Information to create a new order.

Screen_Shot_2019-04-10_at_12.45.33_PM.png

 

The previous order that is not paid will be marked as `Unpaid` on admin.

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

Screen_Shot_2019-03-20_at_5.53.07_PM.png

 

Step 4 : done

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

Screen_Shot_2019-03-20_at_5.56.14_PM.png

 

B. For Mobile 

 

Step 1 : Fill Information

Customers complete Step 1. Shopping Cart & Step 2. Fill Information

Screen_Shot_2019-03-21_at_12.04.26_PM.png

 

Step 2 : Place Order

When they click `Place Order` in Step 2, they will be directed to PayMe app to complete the transaction.

Screen_Shot_2019-03-21_at_12.09.18_PM.png

 

Step 3 : Order Confirmation

After they follow the following steps and enter their PayMe PIN to complete the transaction, they will be redirected back to Step 3 of the checkout flow and see their Order Confirmation.

Screen_Shot_2019-03-21_at_12.13.37_PM.png

Tips: 

You could add PayMe logo in 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 Menu Navigation > function hint is at the bottom (red frame). Click"Go and Try".

SHOPLINE_Admin.jpg

 

Step 2 :  PayMe logo

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

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

_____2018-01-30___11.21.30.png

 

payme_red_on_white_bg.pngPayMe

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/static/web/assets/footer/payme_red_on_white_bg.png"/> 

payme_white_on_red_bg.pngPayMe

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/static/web/assets/footer/payme_white_on_red_bg.png"/> 

 

Step 3 : Done

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

 

 

 

 

 

Have more questions? Submit a request

Comments