Overview
This element allows you to have a countdown timer on your page. This is a great tool for your sales page to incentivize visitors to buy or to take an action, like opting in to your email form.
Page blocks that include the timer element can be found in the "Timers" section of the page blocks library:
Countdown Timer Modes
The Countdown Timer element has 2 modes you can choose from, depending on your preferences and needs.
Mode 1: The Evergreen Countdown Timer
This mode allows you to set an exact number of minutes/hours/days which the timer will count down from for each visitor who visits your page individually. The timer starts to count down once a visitor lands on your page.
It continues to work for the visitor, even if they refresh the page during the same browsing session. However, if a new browsing session is started the countdown timer will reset when the page is visited again by the same visitor.
You can select the timer time from a list of predefined times (24 hours, 12 hours, 6 hours and 1 hour) or you can set an exact Custom time.
Mode 2: Countdown to Specific Date
This mode counts down the time to a specific date and time that you set. The time remaining will be the same for all visitors that land on the page.
Select the Year, Month, Day and Time of day that you want the countdown timer to count down to by clicking into the Date field:
📝 The Timezone for the timer is set to your store's time-zone by default. It's used for any/all countdown timer blocks added to the page. If you'd like a different time-zone used instead, click on the "Change timezone" link to set a new one.
Countdown Timer Styling
In the "Styling" tab of the timer settings, you can also adjust the timer's:
Font Name
Font Size
Font Styles (Bold / Italic / Underline)
Text Color
Alignment
Options for when the Timer Runs Out
Once the timer has run out on your page for a visitor viewing it, there are 3 options available for what happens next:
1. Hide Block - This option hides the timer block completely on the published page after the timer runs out. Block(s) above/below the timer will fill the space where the timer block was so there won't be any blank space or gap on your page:
2. Replace Timer with Existing Page Block - With this option you can replace the expired timer with any other block on the page. Just select the existing page block from the "Choose Existing Block" dropdown menu:
📝The existing block you select will automatically replace the Timer block once it has expired on your published page. Until then, it will not be visible on the published page.
3. Leave run out timer on the page - The timer block will remain on the page even after the timer has fully expired.