# Promotion banner
Highlight promotional messages, discounts, and limited-time offers with engaging visuals such as countdown timers and call-to-action buttons.
{% hint style="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.
{% endhint %}
## How to add a Promotion banner section to your Shopify store
{% hint style="success" %}
**Steps:**
1. In the theme editor (**Customize**) > click **Add section**
2. Select **Promotion banner** section
3. Make necessary changes
4. **Save.**
{% endhint %}
## 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.`
* **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.
* **Discount code:**
* Add a discount code
* Adjust the label of the button
* Choose the style of the button
{% hint style="info" %}
[Click here](https://admin.shopify.com/discounts) to create a discount code
{% endhint %}
* **Group heading:**
* **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.
* **Heading:** Enter the primary title for your banner.
* **Font and text settings:** Customize heading size, font style, badge, and highlight styles.
***
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.foxecom.com/hyper-theme/theme-sections/promotion-banner.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
.jpg?alt=media&token=78c53342-1ffe-4193-918f-1c89bb35b0d2)
.png?alt=media&token=90cbed2c-e791-49c8-9f43-49a08bed6f1f)