How to Use Countdown Timers in Your Funnels

Countdown timers are great for creating urgency and getting people to act quickly by showing how much time is left before an offer or deadline ends. To be most effective, make sure the timer on your funnel page matches the one in your emails. This consistency helps keep your message clear and encourages people to take action.


TABLE OF CONTENTS



Things to Know Before Using the Countdown Timer Element in Funnels


  1. HTML Timer: The Countdown Timer You Can Select From the Funnel / Website Builder's Elements Menu

  • Functionality: The HTML-based countdown timer will accurately replicate the timer’s details and perform better.
  • Design: The timer element copies the timer’s details but not the design styles. You may need to adjust the appearance separately to match your branding.

  1. Code Block Timer: You Can Copy and Paste the Code for Your Countdown Timer Into the Code Block Element Inside the Funnel Builder.

  • Functionality: When using a timer code in a code block, it will display the correct design.
  • Limitations: This type of timer is essentially a GIF and will only be active for 60 seconds per session. For a longer-lasting timer, the HTML-based option is preferable.

Steps to Add a Timer in a Funnel

Add a HTML Timer

  1. Go to Sites


  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 funnel page you want to add your countdown time to, open the "Elements" menu. Click on "Countdown Timer" then select the countdown timer template you created.


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


  5. Edit Styling and Settings: Customize the timer’s appearance inside the builder. To change the settings such as the end time, duration, and time zone of the countdown, click on the blue "Edit Timer" button.


  6. Edit the Timer: To make changes to the timer, go to the countdown timer section and adjust the settings as needed. ( Here is our support article going over how to edit a countdown timer: Editing a Countdown Timer ).



Add a Code Block Timer


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


2. Drag and drop a code block element onto your funnel or website page.


3. Paste the code you copied in step #1 above into the code editor.


4. Preview the code block by clicking on the "Preview Custom Codes" icon at the top of the funnel builder. If the timer is not displaying the way you intended. Then, please preview the LIVE funnel page in an incognito browser, before making any changes to the countdown timer.