Add an accurate timer to your website before an event

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

Have a special event and need an accurate timer on your website? 

SpringBuilder offers a cool feature introducing the Countdown Element! Add Countdown to your page in no time at all just dragging and dropping the ‘Countdown’ icon to the Crafting Area.


Edit Style - The settings are the same for every element, so the easy and fun creative process is guaranteed! If you want to edit the style, click the Countdown area and move to ‘Edit Style’.

You may set whether to Show or Hide the Texts and Dots by simply moving the pointers.

Changing the Font Family of the text is possible, too. Click the arrow to see all the available fonts.

Now move the pointers to change the Font Size, Weight or Paddings.

You can customize the Color of Numbers as well as Texts. Click the desired item and pick the colors you prefer.

Edit Icon - Hit ‘Edit Countdown’ to change the date and time of counting and type After Countdown Message if you want.

You might also want to Edit the Days, Hours, Minutes, Seconds labels in case of multilingual websites.

Don’t forget to push the ‘Save’ button once your'e done!

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This can come in handy if you want to hide some content from users until they sign up to your website.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page in a blink of an eye.

3, 2, 1... That's it!

Make sure to check all the useful features and Elements available on SpringBuilder!

Did this answer your question?