Flash Sale Element | Shopper App

4. EC + SC (EN).png
12. 品牌會員購物 App.png

Display ongoing promotions in a flash sale style on the app.

⚠️ Before you start: For Hong Kong merchants, this feature is available only on the Shopper App Pro plan.

 

Step 1

Go to SHOPLINE Admin > [Shopper App Management] > [App Design] > [Homepage Design] > [Current Template]. Click Set up to enter the app page editor.

Screenshot 2025-09-02 at 1.37.54 PM.png

 

Step 2

Click Add an element and select the "Flash Sale" element. Drag it to the preview area at the center to the location where you can insert the element.

Screenshot 2025-09-16 at 5.37.33 PM.png
Screenshot 2025-09-19 at 1.57.24 PM.png

 

Step 3

Complete the following settings in the right editing area.

i. Select style

  • Style 1: Light tones with a simple and refined design.

    Screenshot 2025-09-19 at 6.21.58 PM.png

     

  • Style 2: Dark tones that create a strong marketing vibe with a striking, eye-catching design.

    Screenshot 2025-09-19 at 6.22.01 PM.png

 

ii. Select Promotion

You can select Promotions, Free Shipping, Bundle Promotions, Reward Campaign, and Product Flash Price Campaign. After selecting, click Confirm.

The element will display according to the campaign period:

  • Before start - countdown to campaign start
  • Ongoing - countdown to campaign end
  • Ended - no countdown displayed
Screenshot 2025-09-21 at 5.20.04 PM.png
Screenshot 2025-09-21 at 5.21.20 PM.png

 

iii. Product display quantity

Set up to 12 products to be displayed in the Flash Sale element.

*Note: If more than 3 products are set, the system will automatically display them in rows of 3.

Screenshot 2025-09-21 at 5.22.33 PM.png

 

iv. Display "View more" button

Enabled by default. You can edit the button text, with at least one language required and up to 20 characters per language.

Screenshot 2025-09-22 at 11.25.48 AM.png

 

v. Text alignment

Set the title alignment for this element.

Screenshot 2025-09-22 at 11.28.20 AM.png

 

6. Release schedule (optional)

If you have set a release time, the element will be displayed in the app at the specified time.

Screenshot 2025-09-16 at 6.09.36 PM.png

 

Step 4

Click Save to save the changes. And once you finish all editing, click Update and use to publish the changes to your app.

Screenshot 2025-09-22 at 11.31.19 AM.png

 

 

 

Read more

 

 

 

 

Have more questions? Submit a request

Comments