Types of Timers in Countdown Timer widget

The Countdown Timer widget provides three types of Timers –

These timers can be used based on your requirement and the offers being offered on your site.

Let’s see each Type of timer and an example where it can be used.

Fixed Timer

Elementor Countdown Timer widget example

A fixed countdown timer is used to display the amount of time, with respect to years, months, days, etc. This can be used to create a feeling of anticipation. Use this countdown to announce offers or an event on a specific day and display the time left for it to begin.

If you are planning an offer for any of the upcoming events like Black Friday, Cyber Monday, Christmas or New Year, a fixed countdown timer is what you’ll need.

Here are the steps on how to set it up –

  • Step 1: Select Fixed Timer for the Type of Countdown Timer in the Content > General
  • Step 2: Now, add a Due Date and Time, when you want the timer to expire on the specific Date and Time Note: By default, if you have not set any Timezone for the WordPress site you will see a message which mentions you are setting time in UTC 0. Make sure you set your timezone from the WordPress Backend, this will allow adding time and Date based on your timezone.
  • Step 3: Choose the Action you want to execute after the timer goes off as per the Due Date and Time or expires.
  • Step 4: Style your Timer items from the Style tab under the Layout field, from the Square, Circle, Rounded Styles. Manage the distance between the digits and also between digits and labels. You also have the option to Style your Expiry message using the Typography fields.
WordPress timezone settings

Evergreen Timer

Adding Countdown Timer in Elementor

An evergreen countdown timer is used to display the amount of time a particular user has to avail the offer. This is a great way to create a feeling of scarcity, urgency, and exclusivity.

Use this countdown to display some special offers to users who have arrived on your website, asking them to avail the offer within the specified time. This countdown timer sets cookies making sure that the offer looks exclusive and scarce.

  • Step 1: Select Evergreen Timer for the Type of Countdown Timer in the Content > General
  • Step 2: Now, under the same section you will need to add Days, Hours, Minutes. This time will be the same for every user who visits your site. And it will be tracked by storing cookies on his site. So if in case, if an X User sees a timer on visiting page of 30 minutes and visits later after 10 minutes he will see only 20 minutes remaining. But if Y user visits the same page he will see a Countdown Timer of 30 minutes for this page. Which means for every new user a cookie is stored on his site and the countdown is displayed accordingly.
  • Step 3: Choose the Action you want to execute after the timer goes off as per the Due Date and Time or expires.
  • Step 4: Style your Timer items from the Style tab under the Layout field, from the Square, Circle, Rounded Styles. Manage the distance between the digits and also between digits and labels. You also have the option to Style your Expiry message using the Typography fields.

Recurring Timer

Elementor recurring timer

A recurring timer is a timer that can be displayed on a specific date and time and after its expiry, it can be displayed after certain intervals of days or even months. This can be used to display an offer just like the Fixed timer but here you would not require to set the timer for that event again in a month, after few days or even a year.

Let’s say you have an event every year which provides huge discounts and offers on your products. For this event, you can set a Recurring Timer which will be triggered every year or after every predefined month. And it also has an option to set until when this Timer will last and chose an action after expiry.

  • Step 1: Select Recurring Timer for the Type of Countdown Timer in the Content > General
  • Step 2: Now, add a Start Date and Time, when you want the timer to begin on the specific Date and Time
  • Step 3: Below Start Date and Time field, you will find the option to set the Days, Hours, Minutes fields. This option will set an amount of time for which the Timer will display after the timer starts.
  • Step 4: Now the important field i.e. Repeat Timer after (Days) which will make the Countdown Timer recur after the specific days
  • Step 5: Choose the Action you want to execute after the timer goes off after the Timer expires.
  • Step 6: Style your Timer items from the Style tab under the Layout field, from the Square, Circle, Rounded Styles. Manage the distance between the digits and also between digits and labels. You also have the option to Style your Expiry message using the Typography fields.
Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 40+ innovative widgets and 300+ creative templates.

Scroll to Top