Day Timer Element

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.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article