Evergreen Countdown

Add countdown timers with a personalized countdown end time for each new visitor that lands on the page. Set up the countdown with dynamic data, and sync with either the Modal or Notifications elements, ideal for creating little popups/notices that have a set timer based on the user’s first visit to the site.

Note that each time you go into the builder or change the countdown settings, the countdown will restart for you. This is just for convenience, so you can see the countdown and it doesn’t just end while trying to design it. For any other users visiting the page, the countdown will be based on their first visit to the page and always countdown from there.

Fields

Type – Each field can either be adding days, hours minutes or seconds.

Value – The number to add in the timer for that field (can be added via dynamic data)

Format – Similar to Bricks’ native countdown timer, you can change the format including the text for each field.

Action

What action to take when the countdown reaches zero. Either when the user is on the page to see it happen, or returns after it has already hit zero.

Hide – The element was output nothing.

Countdown – Display the countdown, just showing zero values.

Custom text – Replace the countdown with some text to show.

Redirect – Will redirect the user to the given URL.

Auto-close Modal/Notification – If the countdown is inside a Model element or Header Notification, this option it is closed when the counter reaches zero. (make sure to set the modal or header notification reshow to ‘Only show if evergreen countdown hasn’t ended’ to make sure if the user returns after the countdown, it isn’t shown again).

Direction

The individual items inside the counter can be displayed horizontally or vertically.

Items

Each field is a separate item and can be styled. The direction can be changed to have the text below or to the side of the number, and then your standard style controls.

Separator

In between each item there is a separator. The default value is a colon. This can be changed, customised or completely removed.