Skip to main content

Day Timer Element

Learn how to add a Day Timer element to your ClickFunnels Classic page to create a daily countdown clock that resets each day and triggers a redirect or content change when the timer expires.

The Day Timer is a type of countdown clock that will count down to a specific time each day.

Prior to getting started, you will need the following:

Step 1: Add Day-Timer Element, aka Daily Countdown Evergreen

  1. Click on Add New Element from within a row or click on the "+" below an existing element.

  2. Search & Select the Day-Timer element from the list.

DayTimer.png

Step 2: Edit Element Settings

  1. Hover your mouse over the Day Timer element and click on the Gear icon on the orange border.
    ​

    Day_Timer.png

  2. Edit the element and adjust the Settings as desired.
    ​

    Day_Timer_1.png

  • Top Margin - Add space on the top of your element.

  • End Today At - Select a time to count down to each day.

  • Timezone - Select the timezone.

  • Translate - Select a language.

  • Expire Action - Select action for when the timer expires.

    • Redirect to another URL or

    • Hide/show content on the current page

  • Redirect URL - Enter a redirect URL for when the timer expires.

  • Re-Visit Action - Select action for when the page is revisited.

    • Auto-Reset Timer (reset the timer after it expires)

    • Auto-Expire For X Days and Set Expire Cookie days (For example: Setting the expiry cookie days to 3 days means that within 3 days the timer will be auto-expired when you visit the page, so you can visit it again only 3 days after.)

    • Hide Timer & Show Section/Row

  • Font Family - Select a font.

Themes

  • Select a theme for your timer element.

Day_Timer_2.png

  • Timed Delay - fade in or fade in with scale.

  • Type - On page load or on page scroll for the delay that you have set.

Advanced Style Settings

Day_Timer_3.png

  • Size - Select the size of the element.

  • Align - Select the justification (left, center, right).

  • Label Weight - Select normal or bold text.

  • Label Color - Select the color of the text.

Advanced Animation
​

Day_Timer_4.png

  • Time Delay - None/Fade In/ Face In With Scale

  • Minutes - Input the minutes you want the timer to appear.

  • Seconds- Input the seconds you want the timer to appear.

  • Animation Type - None/On Page Load/On Page Scroll (becomes visible).

If you have any questions about this, please contact our support team by clicking the support icon in the bottom right-hand corner of this page.
​

Did this answer your question?