> For the complete documentation index, see [llms.txt](https://help.inspiredtheme.com/articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.inspiredtheme.com/articles/sections/theme-sections/promo.md).

# Promo

Pair a promotional message with a live countdown timer for flash sales, seasonal campaigns and limited-time offers.

***

{% hint style="warning" %}
**Pro feature.** This section requires a Pro or Max License key. Without one, it's hidden on your live store and shows a 🔒 Pro notice in the theme editor. [Learn about plans and License keys](/articles/general-information/license-key-and-plans.md)
{% endhint %}

The **Promo** section is a countdown banner. It combines your promotional message and a button with a live countdown timer, to create urgency around a flash sale, a seasonal campaign or a limited-time offer. It's listed as **Promo** in **Add section**.

### 1. Our guide to set up a Promo section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Promo.**
* Click **Save.**
  {% endhint %}

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2Fhcp8q82NfUdkC3BIJ3gK%2FScreenshot%202026-04-20%20at%204.44.59%E2%80%AFPM.png?alt=media&#x26;token=3f1973e8-22c9-4105-8e67-29d47e02e825" alt="Promo in the Add section list"><figcaption></figcaption></figure>

The section is added with a **Text** block and a **Countdown timer** block. You can add a second **Text** block, for example to show a headline on one side of the timer and details on the other.

### 2. Section settings

* **Color scheme:** The colors of the section's background and text.
* **Background image:** An optional image behind the content.
* **Image overlay opacity:** Darkens the background image so text is easier to read, 0–100%.
* **Hide block when countdown reaches zero:** Hides the countdown timer when it ends.
* **Show divider:** Adds a divider line between the content and the countdown timer.
* **Show border:** Adds a border around the section.
* **Mobile layout**
  * **Mobile content alignment:** Left / Center / Right. Aligns all blocks on mobile.
* **Corner radius**
  * **Corner radius:** Rounds the corners of the section, 0–40px.
* **Section**
  * **Top padding:** 0–100px.
  * **Bottom padding:** 0–100px.
  * **Section width:** Full width / Fixed width. **Fixed width** keeps the section within the page width.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2F8QD7mtKNLYve0BANGdZ9%2FScreenshot%202026-04-20%20at%204.46.41%E2%80%AFPM.png?alt=media&#x26;token=14357acf-af29-4bf1-a4b6-339a944eebc9" alt="Promo section with divider and border"><figcaption></figcaption></figure>

### 3. Block settings

**Text block**

You can add up to two per section.

* **Heading:** The main promotional message.
* **Heading size:** 15–80px.
* **Description:** Supporting details about the offer.
* **Content alignment:** Left / Center / Right.
* **Button label:** Leave it blank to hide the button.
* **Link:** Where the button goes.
* **Use outline button style:** Shows the button with an outline instead of a solid fill.
* **Desktop content width:** The maximum width of the text on desktop, 200–800px.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FDyVfOGm6LUvUQ6lS5lBx%2FScreenshot%202026-04-20%20at%204.57.56%E2%80%AFPM.png?alt=media&#x26;token=daa3e9c3-e2f2-4997-b888-48b3efbecf26" alt="Text block settings and result"><figcaption></figcaption></figure>

**Countdown timer block**

You can add one per section.

* **Countdown end date:** Use the format `mm-dd-yyyy`, for example `12-31-2026`.
* **Countdown end time:** Use the format `hh:mm:ss`, in the timezone set in your Shopify settings.
* **Number font:** Heading / Body. The font used for the timer numbers.
* **Show timer labels:** Shows the Days, Hours, Minutes and Seconds labels.
* **Size:** Scales the timer, 50–200%.
* **Color**
  * **Use custom color:** Turn on to pick your own timer color.
  * **Countdown timer:** The custom timer color.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FmreNmILdNJQ3bT1dTmar%2FScreenshot%202026-04-20%20at%205.10.33%E2%80%AFPM.png?alt=media&#x26;token=e6a0e730-8541-4bf6-8e84-1a113c48d37f" alt="Countdown timer block settings and result"><figcaption></figcaption></figure>

### 4. Tips

* Turn on **Hide block when countdown reaches zero** so an expired timer doesn't stay on your store after the sale ends.
* If you use a **Background image**, raise **Image overlay opacity** until the heading and timer are easy to read.
* Keep the heading short, such as *Flash sale* or *Ends tonight*, and let the timer do the talking.