How to Create a Push Notification

4. EC + SC (EN).png

12. 品牌會員購物 App.png

Push notifications serve as an indispensable tool in all apps. It allows merchants to effectively increase traffic, transaction amounts, customer loyalty, and customer lifetime value. It also helps customers promptly receive first-hand information on their accounts, orders, and promotional campaigns from stores.

This article will teach you how to create a push notification in your app.

 

Operation steps

Step 1: Add a message notification

In the SHOPLINE Admin, go to [Shopper App Management] > [App Notification Settings]. Click New Push Notification to enter the editing page.

Screenshot 2025-05-28 at 4.57.39 PM.png

 

Step 2: Basic Settings

Screenshot 2026-09-27 at 11.30.39 PM.png

 

i. Notification Name

Edit the push notification name. This name will not be shown to customers, so you can enter something easy for internal reference. For example, "Double 11 Promotion - Third Wave".

 

ii. Delivery Method

Both "Push Notification" and "Message Notifications" are selected by default.

  • Push Notification: Sends an app push notification to users. You can send up to 40 push notifications per month. Once the limit is reached, no more can be sent.

    Screenshot 2026-09-28 at 11.37.31 PM.png
  • Message Notifications: Sends a message notification to users, which appears on the app's "Notifications" page. There is no limit on the number of message notifications you can send.

    IMG_3518.PNG

 

iii. Audience Setting

  • All app users: Users who have downloaded your app and turned on app push notifications. 
  • Group users: Select a user group you have already created. You can set customer groups by going to [Customer Management] > [Customer Group] in Admin.

 

iv. Send Time

  • Direct send: The push notification is sent as soon as it is created successfully.
  • Scheduled to send: Set a sending time in advance, accurate to the minute.

 

Step 3: Content Settings

Enter the title and content. The title must be fewer than 32 characters, and the content must be fewer than 100 characters. Make sure users can understand the key point from the push notification.

We recommend filling in both English and Chinese, as the push content is displayed automatically based on the language setting of the customer's phone.

Screenshot 2026-09-28 at 11.40.23 PM.png

 

Step 4: Image and Links

Uploading multiple images and setting the image display method are only supported on Shopper App platform version v1.22 and above.

Screenshot 2026-09-28 at 11.44.42 PM.png

 

i. Upload images

You can select whether to add an image to the notification. Upload images within the recommended size to achieve better marketing results.

  • Push Notification Images: Displayed in the app push notification.

    Screenshot 2026-09-30 at 6.25.32 PM.png
  • Message Notification Images: Displayed on the app's "Notifications" page. You can upload up to 3 images.

    Screenshot 2026-09-30 at 6.24.42 PM.png

 

ii. Image Display Method

  • Classic layout: Images are arranged in a row, all displayed as squares.

    Screenshot 2026-09-30 at 6.23.03 PM.png
  • Staggered layout: The first image is enlarged on the left.

    Screenshot 2026-09-30 at 6.22.39 PM.png

 

Step 5: Related Products

Click Select product and choose up to 5 products in the pop-up window to display in this message. The products will appear in the message notification, and customers can tap them to place an order directly.

This feature is only supported on Shopper App platform version v1.22 and above.

GIF (18).gif

 

Step 6: Redirect page

When editing a redirect link, you can select the content you want the customers to see after clicking the push notification.

*Notes:

  • Apply Promotion Campaign: To set up a promotion campaign, please refer to Promotions | Module Introduction.
  • URL Settings: You can add a URL link to lead customers to the online store. (Only Online store page URLs are supported for push notifications)
Screenshot 2026-09-28 at 11.57.10 PM.png

 

Step 7: Preview

You can preview the push notification after finishing the 6 steps above.

Screenshot 2026-09-30 at 5.58.28 PM.png

 

Step 8: Save

After filling in all the settings, click Save.

After adding the push notification, the app will automatically push the notification to all users who have downloaded the app at the scheduled time.

*Note: When the audience is still being estimated or when the audience estimate is 0, the notification cannot be saved successfully.

save

 

Step 9: Test

After adding the app push notifications, the page automatically jumps to the App Notification Settings page. You can go to the push notification you just added and click Test.

EN-11.png

 

Select the tester's email or mobile number to log in to the app, enter the login email or mobile number, then click Send Now. The mobile phone will receive the push notification immediately, and you can check the push notification content and the jump link in the notification. To edit the content, go to the App Push Notification Management page to modify the content and click Edit.

EN-12.png

*Notes:

  1. Please ensure the test email or mobile number is signed in on the app.
  2. If the message delivery method includes push notifications, please make sure that the mobile device allows receiving app notifications. 
  3. The "Log-in Phone number" option will not appear if you have not enabled mobile number registration.

 

 

 

 

 

Have more questions? Submit a request

Comments