Hyper Theme
Hyper Theme
Theme Sections

Promotion banner

2 min read
image

Highlight promotional messages, discounts, and limited-time offers with engaging visuals such as countdown timers and call-to-action buttons.

Example Use Cases:

  • Flash sales: Countdown to the end of a site-wide discount event.
  • Holiday promotions: Build excitement for special sales such as Black Friday or Christmas deals.
  • Product launches: Tease upcoming releases with a countdown to the launch date.
  • Limited-time offers: Encourage customers to act before time runs out.

How to add a Promotion banner section to your Shopify store

Steps:

  1. In the theme editor (Customize) > click Add section
  2. Select Promotion banner section
  3. Make necessary changes
  4. Save.

How to edit a Promotion banner section

Once the section is added, you can customize its elements using the left sidebar menu.

Available blocks within the Promotion banner section:

  • Heading & Subheading:
    • Add compelling promotional messages (e.g., β€œFlash Sale Now On!”).
  • Countdown timer:

Choose between two countdown types: Evergreen or Fixed time.

  • Evergreen: This timer repeats after a set duration.
    • Ideal for:
      • Ongoing promotions (e.g., flash sales every month).
      • Seasonal offers that repeat periodically.
  • Fixed time: Counts down to a specific date and time.
    • Ideal for:

      • Product launches.
      • Limited-time promotions (e.g., holiday sales).
    • Settings:

      • Ends time: Set the exact date and time in the format YYYY/MM/DD HH:MM or YYYY/MM/DD HH:MM AM/PM.
      image
      image
  • Description: Provide additional details about the promotion (e.g., product categories, discounts).
  • Button (Call-to-Action):
    • Add a button with a custom label.
    • Link the button to a product, collection, or any URL.
image
  • Discount code:
    • Add a discount code
    • Adjust the label of the button
    • Choose the style of the button
Click here to create a discount code
image
  • Group heading:

    image
    • Layout: Set how the block shows in the section as Vertical/Horizontal.
    • Subheading: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
    image
    • Heading: Enter the primary title for your banner.
    image
    • Font and text settings: Customize heading size, font style, badge, and highlight styles.
Last updated