Skip to main content

Using Countdown Timers in Stack Funnels

Countdown timers are a powerful tool to create urgency and prompt quick action by showing how much time is left before an offer or deadline ends. For maximum impact, ensure the timer on your funnel page matches the one in your emails. This consistency helps maintain a clear message and encourages prompt responses.

Table of Contents​

HTML Timer​

Functionality​

The HTML-based countdown timer accurately replicates the timer's details and performs efficiently.

Design​

While the timer element copies the timer's details, it does not automatically apply design styles. You may need to adjust its appearance to align with your branding.

Code Block Timer​

Functionality​

Using a timer code in a code block will display the correct design.

Limitations​

This type of timer functions as a GIF and will only be active for 60 seconds per session. For a longer-lasting timer, consider using the HTML-based option.

Steps to Add a Timer in Funnels​

Add an HTML Timer​

  1. Navigate to Sites:
    Access the section where you manage your websites or funnels.

  2. Open Your Funnel or Website:
    Select the specific funnel or website where you want to add the countdown timer.

  3. Choose the Timer Template:
    On the relevant page, click on the countdown timer template and select the desired countdown timer.

  4. Drag and Drop the Timer:
    Drag the chosen timer template into the page builder.

  5. Edit Styling and Settings:
    Customize the timer’s appearance and configure general settings, such as the end time of the countdown.

  6. Edit the Timer:
    To make changes, go to the countdown timer section and adjust the settings as needed.

Add a Code Block Timer​

  1. Copy the Code:
    Copy the timer code by clicking on the three dots in the list view or edit view of the timer.

  2. Add a Code Block to the Funnels:
    Insert a code block where you want the timer to appear.

  3. Paste the Code:
    Paste the copied code into the code editor.

  4. Preview:
    Preview the code block to ensure it displays correctly.

Things to Know Before Using the Countdown Timer Element​

  • Ensure that your countdown timers are synchronized across all platforms to maintain consistency.
  • Regularly test your timers to ensure they are functioning as expected.