Countdown (Pro)

The Countdown Element is the perfect element to actively show your visitors a countdown to a special event, sale, or anniversary.

This element allows you to enter a date and it automatically calculates the time it will take to countdown to the specific date.

It comes with several customization options to control all colors, backgrounds, borders, text, and more.

In case you try to set a time that is already past it will simply not work because the countdown is already completed.

General Settings

Date – Click the date field to use the date picker from the popup. This will set the end date and time for the countdown timer

Hour – Manually adjust the hour on the countdown element
Minutes – Manually adjust the minutes on the countdown element

Block type

Separate blocks – This option will display each countdown element(day, hour, minutes, seconds) into blocks, separated by a border
Single block – This option will display the entire countdown element inside a single block.

Separator type

Colon – Will display a colon between each of the elements (DD : HH : MM : SS)
Hyphen – Will display a colon between each of the elements (DD – HH – MM – SS)
Slash – Will display a colon between each of the elements (DD / HH / MM / SS)
None – Will display an empty space between each of the elements. (DD HH MM SS)

Add label outside block – Select “Yes” or “No” to show or hide the text under the countdown elements.

Days text – This will allow you to change the text for each of the 4 elements. For example days/day, hours/hour, minutes/minute, seconds/second, or each of them in a different language.

Was this article helpful ?

31 people consider this article helpful
Thank you! We will improve this article.

Didn’t find what you’re looking for? Please let us know

Submit a ticket