> ## Documentation Index
> Fetch the complete documentation index at: https://help.hoopai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Countdown timers

> Create fixed, recurring, and dynamic countdown timers for emails, funnels, and websites to drive urgency and boost conversions.

<div style={{position: "relative", paddingTop: "56.25%", marginBottom: "1.5rem"}}>
  <iframe src="https://player.mediadelivery.net/embed/622351/beaf5cca-69c6-4e0d-8194-72023d8cf63d?preload=true" loading="lazy" style={{border: "none", position: "absolute", top: 0, height: "100%", width: "100%"}} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture" allowFullScreen={true} />
</div>

Countdown timers create a sense of urgency by displaying a visual countdown to a specific deadline, motivating users to act before time runs out. They can boost conversion rates by up to 27% and are used in retail promotions, event reminders, subscription expirations, and limited-time offers.

Navigate to **Marketing > Countdown Timers** to get started.

<Frame caption="Countdown Timers — the timer library showing active fixed, recurring, and dynamic timers">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-overview.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=848a02ad48191031ce56f78947e933ea" alt="Countdown timers overview" width="1127" height="503" data-path="images/marketing-countdown-timer-overview.png" />
</Frame>

## Timer types

<CardGroup cols={2}>
  <Card title="Fixed timer" icon="calendar">
    Counts down to a set date and time. Ideal for holiday sales, product launches, or one-time events.
  </Card>

  <Card title="Recurring timer" icon="rotate">
    Resets after reaching zero. Perfect for ongoing promotions, weekly classes, or regular events.
  </Card>

  <Card title="Dynamic timer" icon="user">
    Personalizes the countdown for each contact based on when they received or opened an email. Creates a unique, time-sensitive experience per recipient.
  </Card>
</CardGroup>

***

## Creating a timer

<Frame caption="Timer creation — choose a template, set type, configure duration, and customize styling">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-create.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=fd3f706c3c95e115636338372e12aad1" alt="Create countdown timer" width="1127" height="503" data-path="images/marketing-countdown-timer-create.png" />
</Frame>

<Steps>
  <Step title="Start a new timer">
    Click the **+ New** button in the Countdown Timers section.
  </Step>

  <Step title="Select a design template">
    Choose a visual template that matches your branding, then click **Continue with this template**.
  </Step>

  <Step title="Name your timer">
    Give your timer a descriptive name at the top for easy identification.
  </Step>

  <Step title="Choose the timer type">
    Select **Fixed**, **Recurring**, or **Dynamic** based on your campaign needs.
  </Step>

  <Step title="Configure the General settings">
    Set the timer duration, end date/time, timezone, and active/expired redirect links (see sections below).
  </Step>

  <Step title="Customize styling">
    Go to the **Styling** tab to adjust colors, fonts, labels, corner radius, padding, and expiration image.
  </Step>

  <Step title="Save and copy the code">
    Click **Save** to finalize. Use **Copy Code** to embed the timer in emails, funnels, websites, or external sites.
  </Step>
</Steps>

***

## Timer configuration

<Frame caption="Countdown timer settings — configure timezone, active timer display, and expiry behavior">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-settings.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=8e2d42a8b8c31965725cb1bade13b3ff" alt="Countdown timer settings" width="1386" height="686" data-path="images/marketing-countdown-timer-settings.png" />
</Frame>

### Fixed timer

Set the exact **end date and time** for the countdown. Add the active link (where users go while the timer is running) and the expired link (where users go after the timer ends).

**Use cases:** Flash sales, holiday promotions, product launches, event countdowns.

### Recurring timer

Define:

* **Start date** — when the first cycle begins
* **Number of loops** — how many times the timer cycles before stopping
* **Countdown duration** — how long each cycle counts down
* **Wait time** — optional rest period between cycles (e.g., 15 days between offers)
* **Hide option** — automatically hide the timer in funnels during the wait period

**Use cases:** Weekly webinars, monthly promotions, recurring subscription reminders.

### Dynamic timer

Dynamic timers start counting down based on each contact's individual interaction with your email.

**Configuration:**

* **Timer duration** — minimum countdown length (e.g., 2 hours)
* **End time** — optional fixed end time (e.g., "No later than midnight") — creates a deadline that applies even if the contact opens the email late
* **Email trigger** — choose to start when the email is **sent** or **opened**

**Example — Black Friday offer:**

* Contact A opens at 6 PM → timer ends at 11 PM (5 hours)
* Contact B opens at 10 PM → timer ends at 11 PM the next day (minimum 2 hours respected)

<Note>
  A dynamic timer can only be used once per contact. Clone the timer before using it in multiple campaigns.
</Note>

***

## Redirect links (active and expired)

Redirect links automatically direct users to the correct page based on the timer status:

| Link             | When used                  | Example destination              |
| ---------------- | -------------------------- | -------------------------------- |
| **Active link**  | While the timer is running | Offer or checkout page           |
| **Expired link** | After the timer ends       | "Offer expired" or waitlist page |

<Warning>
  Add both active and expired links before saving to ensure the dynamic redirect links function correctly.
</Warning>

To retrieve a timer's redirect link, go to the timer editor and click **Copy Redirection Link** from the action menu, or access it from the Email Builder's Settings tab.

<Frame caption="Timer styling — colors, fonts, labels, corner radius, and expiration image options">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-colors.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=09fa5e6f56b4b4319d74423d5f24763c" alt="Countdown timer styling" width="1572" height="668" data-path="images/marketing-countdown-timer-colors.png" />
</Frame>

***

## Styling options

<AccordionGroup>
  <Accordion title="Labels">
    Choose which time units to display (seconds, minutes, hours, days) and edit the label text for each.
  </Accordion>

  <Accordion title="Typography">
    Set the font family, size, weight, and color for the timer digits and labels.
  </Accordion>

  <Accordion title="Corner radius">
    Adjust the roundness of the timer's background container.
  </Accordion>

  <Accordion title="Colors">
    Set background, digit, label, and separator colors using the color picker or hex codes.
  </Accordion>

  <Accordion title="Expiration image">
    Upload a static image to replace the timer in emails after it expires — useful for displaying an "Offer Ended" graphic.
  </Accordion>

  <Accordion title="Padding and margin">
    Fine-tune spacing around the timer element for placement in emails and funnels.
  </Accordion>

  <Accordion title="Apple Mail handling">
    Apple Mail on iOS 15+ caches GIFs, causing timers to display the time from when the email was first opened — not subsequent opens. Enable the **Hide for Apple Mail** option to prevent showing an incorrect countdown to Apple Mail users.
  </Accordion>
</AccordionGroup>

***

## Timer states

<Frame caption="Active countdown timer — timer running with days, hours, minutes, and seconds displayed">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-active.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=b7e623ba7b592e7ce723a1af6eb847be" alt="Active countdown timer" width="1242" height="483" data-path="images/marketing-countdown-timer-active.png" />
</Frame>

<Frame caption="Expired countdown timer — shows expiration image or message when the timer reaches zero">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/zfKs7gXq08wU33xh/images/marketing-countdown-timer-expired.png?fit=max&auto=format&n=zfKs7gXq08wU33xh&q=85&s=ce6e5738391c441cbe28fe83969b9388" alt="Expired countdown timer" width="1242" height="483" data-path="images/marketing-countdown-timer-expired.png" />
</Frame>

***

## Using timers in emails

<Steps>
  <Step title="Create your timer">
    Build and save your countdown timer in **Marketing > Countdown Timers**.
  </Step>

  <Step title="Open your email template or campaign">
    Go to **Marketing > Emails > Templates** or **Campaigns** and open or create your email.
  </Step>

  <Step title="Add the timer element">
    Drag and drop the Countdown Timer element into the email layout. Select your timer from the list.
  </Step>

  <Step title="Adjust placement and styling">
    Fine-tune alignment, background color, and padding within the email builder.
  </Step>

  <Step title="Add a CTA button with the redirect link">
    Copy the timer's redirect link and add it to any button or link in the email to direct users to the offer page.
  </Step>

  <Step title="Save">
    Click **Save Template** to preserve your changes.
  </Step>
</Steps>

<Note>
  Countdown timers in emails work as animated GIFs. They update each time the email is opened and display the remaining time accurately — except in Apple Mail (see Apple Mail handling above).
</Note>

***

## Using timers in funnels and websites

<Steps>
  <Step title="Open your funnel or website">
    Go to **Sites** and select the funnel or website where you want to add the timer.
  </Step>

  <Step title="Open the page editor">
    Navigate to the specific funnel step or website page to edit.
  </Step>

  <Step title="Add the countdown timer element">
    Drag the **Countdown Timer** element from the elements panel and drop it into the page.
  </Step>

  <Step title="Configure and preview">
    The timer settings panel will appear. To edit, click **Edit Timer**. Preview the timer using the eye icon in the upper right.
  </Step>

  <Step title="Publish">
    Publish the page to make the timer visible on the live site.
  </Step>
</Steps>

<Note>
  Changes made to a timer automatically update in all funnels and pages containing that timer element.
</Note>

***

## Syncing timers across emails and funnels

For a consistent and authentic experience, use the **same countdown timer** in both your email and the landing page it links to.

**Steps to sync:**

1. Create redirect pages in your funnel (an active offer page and an expired page)
2. Build your timer with both active and expired links pointing to those pages
3. Add the timer to your email template and to your funnel's offer page
4. Add a CTA button in the email using the timer's redirect link

This ensures recipients see the same countdown wherever they interact with your offer.

***

## Editing a timer

Click the pencil icon next to any timer to edit:

* Timer type (fixed or recurring)
* End date, time, and timezone
* Active and expired redirect links
* Styling (colors, fonts, labels, expiration image)
* Timer name

<Warning>
  You can only edit a timer before the email campaign using it has been sent. After sending, the only available action is to archive the timer.
</Warning>

***

## Frequently asked questions

<AccordionGroup>
  <Accordion title="What is the difference between a fixed, recurring, and dynamic timer?">
    A fixed timer counts down to a specific date and time — the same deadline for every viewer. A recurring timer resets and cycles repeatedly on a schedule. A dynamic timer personalizes the countdown for each contact based on when they received or opened your email, creating a unique experience per recipient.
  </Accordion>

  <Accordion title="Why do timers show an incorrect time in Apple Mail?">
    Apple Mail on iOS 15 and later caches GIFs, causing the timer to display the time from when the email was first opened rather than the current time on subsequent opens. Enable the Hide for Apple Mail option in Styling settings to show a fallback image instead of an incorrect timer to Apple Mail users.
  </Accordion>

  <Accordion title="Can I use the same timer in both an email and a landing page?">
    Yes, and this is recommended for a consistent experience. Create your timer with both active and expired redirect links, add it to your email template, and also drag it into your funnel or website page. Both will display the same countdown and redirect users to the correct page based on whether the timer is active or expired.
  </Accordion>

  <Accordion title="Can I use a dynamic timer in multiple email campaigns?">
    No. A dynamic timer can only be used once per contact. If you want to use the same timer concept in multiple campaigns, clone the timer first — each campaign should use a separate timer instance.
  </Accordion>

  <Accordion title="What happens when the timer reaches zero?">
    When a timer expires, any click on the timer or its redirect link sends the user to the expired link URL you configured (such as an "Offer Ended" page). You can also configure an expiration image to replace the timer display in emails.
  </Accordion>

  <Accordion title="Can I edit a timer after the campaign has been sent?">
    No. Once an email campaign using the timer has been sent, the timer can only be archived. Make all styling, timing, and redirect link changes before sending the campaign.
  </Accordion>

  <Accordion title="Do countdown timers work in SMS or only in email?">
    Countdown timers are designed for email and website/funnel placements where HTML rendering is supported. They are not supported directly in SMS messages, since SMS does not render HTML. You can include a link in an SMS that sends contacts to a landing page containing a timer.
  </Accordion>
</AccordionGroup>
