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 the + button labeled Add Element or Container within an empty container
- Choose the Countdown timer from the 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

Image

Updated on: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!