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: