Pop-up Ads | Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

Pop-up ads are suitable for promoting marketing campaigns and will pop up when customers enter the app homepage.

For Hong Kong merchants, this feature is available only on the Shopper App Pro plan.

 

This article will cover the following:

 

1. Set up the Pop-up Ads element

Step 1

Go to the SHOPLINE Admin > [Shopper App Management] > [App Design] > [Ads Setting] > [Pop-up Ad] and click Set up to set the pop-up ad.

Screenshot 2025-11-11 at 5.53.27 PM.png

 

Step 2

Click "Pop-up Ads" in the left element panel.

Screenshot 2025-11-11 at 5.55.28 PM.png

 

Step 3

Complete the following settings in the right editing panel.

i. Pop-up ads timing

Screenshot 2025-11-11 at 5.58.54 PM.png

 

ii. Ad presentation

You can set the advert as either Tap to Skip or Countdown. If you select the Countdown option, you can set the desired duration.

After setup, you can see the actual presentation and effect in the Preview area in the center.

Screenshot 2025-11-11 at 6.20.22 PM.png

 

2. Set up the Pop-up Ads content

Add up to 3 pop-up ads from the left-side panel. You can also enable, disable, or delete each pop-up element here.

Screenshot 2025-11-11 at 6.24.24 PM.png

 

Click the pop-up ad you want to set up, then select and configure one of the following three pop-up types in the right editing panel.

Screenshot 2026-09-23 at 6.21.17 PM.png

 

i. Custom

A. Pop-up Image Setting

Click + add an image to upload a picture.

Screenshot 2025-09-12 at 4.53.02 PM.png

 

B. Jump Link

There are three types of Jump Link options available: "Categories", "Promotions", and "Custom URL".

  • Categories
    For merchants who check "Categories," please click ⊕ Select a product category and choose the proper categories in the pop-up window. Upon confirmation, click Confirm. For more details about how to set a Product list element, please refer to this article.
     
  • Promotions
    For merchants who check "Promotions," please click ⊕ Select a promotion campaign and choose your desired campaigns in the pop-up window. Upon confirmation, click Confirm. For more details about how to set a Promotions element, please refer to this article.
     
  • Custom URL
    For merchants who click "Custom URL," please enter the link in the field. Note that the entered link must start with either "https://" or "http://".

Screenshot 2025-11-11 at 6.40.16 PM.png

 

C. Release Schedule

This field is optional. Click the "calendar" icon on the right to select the start and end time.

*Note: If you would like to close a pop-up ad after enabling it, you can set the "End Time" to 1 to 2 minutes after the current time. Click on "Update and use" to save and publish the changes. After the specified end time, the pop-up ad will no longer be active.

schedule_EN.png

 

ii. Coupon / Auto-applied promotion

A. Style settings

The system provides two styles. You need to select a promotion first before the pop-up style is displayed in the preview.

  • Style A

    Screenshot 2026-09-23 at 6.40.26 PM.png
  • Style B

    Screenshot 2026-09-23 at 6.41.13 PM.png

 

B. Promotion settings

Click Select a promotion campaign, select the promotions you want to display in the pop-up window, then click Confirm.

  • Coupon: You can set 1-3 coupons. Customers need to claim them manually and are taken to the promotion page after claiming.
  • Promotion: You can set 1-3 promotions. Customers don't need to claim them manually and go directly to the promotion page when they click.

*Notes:

  • Coupons and promotions that are unpublished, expired, or deleted will be hidden automatically.
  • If a customer isn't logged in, only coupons and promotions available to "All Customers" will be displayed. If a customer is logged in, coupons and promotions applicable to the customer's current membership level or tags will be displayed.
Screenshot 2026-09-23 at 6.42.48 PM.png
Screenshot 2026-09-23 at 6.43.42 PM.png

 

C. Pop-up title settings

Enter the pop-up title. Traditional Chinese, Simplified Chinese, and English are supported.

Screenshot 2026-09-23 at 6.47.11 PM.png

 

D. Scheduled publish time

This field is optional. Click the "calendar" icon on the right to select the start and end time.

schedule_EN.png

 

Once you're done, click Update and use in the top-right corner of the page to update the app instantly.

Screenshot 2025-11-11 at 6.42.17 PM.png

 

 

 

 

 

 

Have more questions? Submit a request

Comments