Skip to main content

How to Use Countdown Timers in Funnels

Use Countdown Timers in funnels to create urgency, increase conversions, and control time-based offers using HTML timers or code block timers.

Updated over 3 months ago

Who This Is For / When to Use

This article is for users building funnels who want to:

  • Add urgency to offers or deadlines

  • Run time-sensitive promotions or launches

  • Control redirect behavior when an offer expires

What Countdown Timers Do

Countdown timers display a live timer on a funnel page that counts down to a specific end date or duration. They are commonly used for:

  • Limited-time offers

  • Webinar registrations

  • Product launches

  • Flash sales

Types of Countdown Timers

HTML Countdown Timer (Recommended)

HTML timers are the most reliable option for funnels.

How it works

  • Runs in real time across sessions

  • Continues counting even if the page is refreshed

  • Supports redirects when the timer expires

Customization

  • Fully customizable inside the page editor

  • Styling controlled directly in the funnel builder

Code Block Countdown Timer (Advanced)

Code block timers are added using copied HTML code.

How it works

  • Renders as a GIF-based timer

  • Limited to 60 seconds per session

Limitations

  • Not recommended for long-running or evergreen campaigns

  • Styling requires manual adjustments

Add an HTML Countdown Timer to a Funnel

Step 1: Open the Funnel Page

  1. Navigate to Sites > Funnels.

  2. Open the funnel you want to edit.

  3. Click Edit on the funnel step.

Step 2: Insert the Countdown Timer Element

  1. Click the + icon in the page builder.

  2. Select Countdown Timers from the left panel.

  3. Choose an existing timer template.

Step 3: Customize the Timer

  1. Click the countdown timer element on the page.

  2. Adjust:

    • Colors

    • Font style

    • Alignment

  3. Click Edit Timer to configure the timer logic.

Step 4: Configure Timer Settings

  1. Set the Timer Type (Fixed or Recurring).

  2. Define the End Date and Time.

  3. Confirm the Time Zone.

  4. Optional:

    • Add a redirect URL when the timer expires

    • Add a redirect URL while the timer is active

Add a Countdown Timer Using a Code Block

Step 1: Copy the Timer Code

  1. Navigate to Marketing > Countdown Timers.

  2. Locate the timer.

  3. Click the three-dot menu or edit icon.

  4. Select Copy custom code.

Step 2: Paste the Code Into the Funnel

  1. In the funnel editor, click + Add Element.

  2. Select Code.

  3. Paste the copied timer code.

  4. Save and preview the page.

Important Things to Know

  • HTML timers are recommended for most use cases.

  • Code block timers reset after 60 seconds per session.

  • Always verify the time zone before publishing.

  • Timers can redirect users when expired.

Pro Tips

  • Match funnel timers with email or ad timers to avoid confusion.

  • Place timers near call-to-action buttons.

  • Use recurring timers for evergreen funnels.

  • Test placement using A/B split tests.

Common Issues and Fixes

Timer shows the wrong time

  • Confirm the time zone in the timer settings.

Timer resets unexpectedly

  • Use an HTML timer instead of a code block timer.

Redirect does not trigger

  • Ensure a valid URL is entered in the timer settings.

FAQ

Can I add more than one timer to a funnel page?
Yes. Multiple timers are supported, but avoid overwhelming users.

What happens when the timer reaches zero?
The timer can disappear, show a message, or redirect users based on your settings.

Does refreshing the page reset the timer?
No for HTML timers. Yes for code block timers.

Can I customize the timer design?
Yes. HTML timers support full visual customization.

Did this answer your question?