# Promotion banner

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(48)_qx7e4Alh.jpg)

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

<Hint type="info">

**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.

</Hint>

## How to add a Promotion banner section to your Shopify store

<Hint type="success">

**Steps:**

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

</Hint>

## 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](https://docs-assets.foxecom.app/hyper-theme/image_loUivwAp.png)

    ![image](https://docs-assets.foxecom.app/hyper-theme/image_eFke3x7A.png)
* **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](https://docs-assets.foxecom.app/hyper-theme/image_odyIfkmh.png)

* **Discount code:**
  * Add a discount code
  * Adjust the label of the button
  * Choose the style of the button

<Hint type="info">

[Click here](https://admin.shopify.com/discounts) to create a discount code

</Hint>

![image](https://docs-assets.foxecom.app/hyper-theme/image_CFzdGufm.png)

* **Group heading:**&#x20;

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_rjnPlhN8.png)

  * **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](https://docs-assets.foxecom.app/hyper-theme/image_TGvGOfPe.png)

  * **Heading:** Enter the primary title for your banner.

  ![image](https://docs-assets.foxecom.app/hyper-theme/image_zfnNccuO.png)

  * **Font and text settings:** Customize heading size, font style, badge, and highlight styles.