Countdown timer
Last updated
Was this helpful?
Last updated
Was this helpful?
Countdown timer is a great way to create urgency and boost engagement on your page. It can be used for flash sales, product launches, or upcoming events. This guide walks you through adding and customizing a countdown timer.
Steps:
In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
Select Promotions > Countdown timer or in Quick add, select Countdown element.
Drag the countdown timer onto your canvas.
Steps:
Select the relevant countdown timer element in the editor.
Use the tools bar above the selected countdown timer element to quickly edit it.
All the formatting tools below can be found in the right-handsided Inspector panel.
Countdown type:
This timer runs down to a specific date and time that you set (perfect for promotions or limited-time sales).
Content alignment: Align the countdown timer to the left, center, or right of its container using the alignment options.
Hide on end: Toggle this option ON to automatically hide the timer when it reaches the end.
Labels:
Toggle the Show labels option to display or hide the time unit labels (Days, Hours, Minutes, Seconds).
Customize the label text for each time unit as needed, or use the default wordings.
Besides settings for Size and Constraints, you can edit specific elements of a countdown timer.
Tip: The Evergreen timer works automatically, so it’s ideal for stores running recurring promotions or time-sensitive offers, such as flash sales or daily deals.
