Articles on: Components & Elements

Countdown Timer Element

Getting Started

You can add a countdown timer in your website’s empty section from the elements option. The countdown timer can be used for many purposes because of its many customizing options built to suit your needs. This article will cover how you can add a countdown timer to your website and start customizing it.

Adding a Countdown timer

Start adding a countdown timer to your website; refer to the steps or the GIF provided below:

- Click on Add Element on an empty section on your website
- Choose Countdown timer from the General Elements panel under the Default Elements tab
- A countdown timer will appear on your website!

Countdown timer after it is added

Adjusting and Stylizing the Countdown Timer

The Countdown timer element has multiple stylizing options. You can set the following:

- End Date & Time
- Time Options
- Counter Style
- Background

…of the Countdown timer element! Let us see these settings one by one:

End Date & Time

You can set the settings from the End Date & Time option. Refer to the picture below:

- Add a finishing date for the countdown
- Add the time of the deadline
- Choose the timezone
- Choose a text that will appear when the countdown is finished

Timer Options

The timer options setting lets you stylize your countdown timer. You can change the size of the numbers and the texts on the counter set a separator, and give them colors of your choice to suit your preferences.

Refer to the GIF below to see the settings in action:

Counter Style

The counter style setting lets you customize your counter’s overall width, give it an alignment and make other changes.

Refer to the GIF below to see the settings in action:

How to add Countdown Timer Element on your website using Dorik Website Builder. Please check following video to know about this.

Related articles

Counter Circle


Updated on: 01/03/2023

Was this article helpful?

Share your feedback


Thank you!