Start Strong
Sell Smart
Manage with Ease
Market to Success

Flash Sales: Customizing Banners and Promotion Tags

After creating a flash sale promotion, you can customize the banner style for participating products on their product detail pages. You can also add promotional tags to product display pages and shopping carts to enhance visibility and drive sales. Follow this guide for detailed setup instructions.

Note: If you’re using a SHOPLINE OS 3.0 theme, you must manually add the Flash sales app blocks in the theme editor to properly display the campaign banners and related settings on the storefront. For details on app block functions, setup steps, and which app features require app block support, refer to the Help Center article "Integrating Apps into OS 3.0 Themes."

 

 

Customizing Product Detail Page Banners

When you create a flash sale, a default banner will automatically appear on the product detail pages of participating products. This banner includes a countdown timer and the product sales volume to create a sense of urgency. You can customize this banner to match your brand and encourage more purchases.

Note: If the Countdown Timer app is enabled for a product, its settings will be hidden during the active period of the Flash Sale campaign. This prevents multiple countdown timers from appearing simultaneously on the product detail page.
  1. On the Flash Sales list page, select a promotion, and click to access its detail page.
    1.1.png
  2. In the Custom style section, click Edit.
    1.2.png
  3. Select Product detail page and configure the following options:
    1.3.png
    • Promotion banner: Choose from two available banner templates.
    • Display settings: Select the elements to display on the banner:
      • Display promotion countdown: Display a countdown timer on the banner, creating urgency.
      • Display the progress bar: Display a progress bar indicating product sales volume. If the product has no sales yet, the progress bar will not be displayed.
    • Promotion text: Enter a custom message to attract customer attention.
    • Redirect link: Define the banner's linking behavior:
      • Activity landing page: Redirect customers to the promotion's landing page.
      • Custom: Enter a URL to direct customers to a specific page.
      • Not linked: Disable redirection.
    • Color settings: Customize banner colors or enable Style follows store's theme.
    • Banner background image: Upload images for desktop and mobile views to align with your design.
  1. Once satisfied, click Save at the bottom right, then click Update on the promotion page to apply them.1.4.png

 

 

Adding Promotion Tags to Flash Sale Products

To further enhance the visibility of your flash sale, you can add promotional tags to product display pages and shopping carts.

 

Configuring Product Image Tags

  1. On the Flash Sales list page, select a promotion, and click to access its detail page.
    2.1.1.png
  2. In the Promotion tag section, click Edit.
    2.1.2.png
  3. Select Product image tag and configure the following:
    • Display promotion tag: Toggle the switch to enable tags.
    • Tag style: Choose your preferred tag style:
      • Fixed block: Customize the Tag copy, enable Style follows store's theme, or adjust the Color settings. You can also define the Display position and Display pages.
        2.1.3.1.png
      • Image tag: Select from three available image tags or Upload a custom image. You can also configure the Display position and Display pages.
        2.1.3.2.png
      • Countdown: Display a countdown timer. This option supports only one style. You can enable Style follows store's theme or customize the Color settings. Note that Countdown can only be shown on the Collection page.
        2.1.3.3.png
  1. Click Save at the bottom right, and then click Update on the promotion page to apply the changes.
    2.1.4.png

 

Configuring Shopping Cart Tags

  1. On the Flash Sales list page, select a promotion, and click to access its detail page.
    2.2.1.png
  2. In the Promotion tag section, click Edit.
    2.2.2.png
  3. Select Shopping cart tag and configure the following:
    2.2.3.png
    • Display shopping cart tag: Toggle the switch to enable tags in the shopping cart. Use View Display example to preview the tag's appearance.
    • Tag copy: Customize the text displayed on the tag.
    • Display promotion countdown: Show the countdown timer on the tag.
    • Style follows store's theme or Color settings: Choose to follow the store theme style or customize the tag’s colors. 
  1. Click Save at the bottom right, and then click Update on the promotion page to apply the changes.
    2.2.4.png