There are times when using a countdown timer in your designs is the perfect method to make your clients curious about your offer.
But manually adding and animating the elements can be tedious.
With the Creatopy Widget feature, you can easily add a countdown timer to your designs with a single click and no coding skills required.
All you have to do is edit a design or a design set and add a new layer from the Elements > Widgets
The timer will offer you two types of settings:
1. Countdown to date
Here you can select a specific date using the first dropdown menu, after which you can set a time. You can enter the time manually or use the arrows that appear when you hover over the time field.
After that, you need to set the time for AM or PM from the second dropdown menu.
From the third dropdown menu, you can select a time zone, and the counter will adapt automatically.
2. Countdown From Number
For this option, all you have to do is enter the number from which you’d like the countdown to start. You can type in the number manually or use the arrows that appear when you hover over the field.
Once you enter the date or the number, all you have to do is to hit play, and the design will count backward for you.
If you work with a design set, you can select the settings for every size at once from the left-hand menu.
Beside the timer settings you can also customize the Font and the Color of the numbers just as on text elements, from the Text and Color settings.
In case you download the designs in HTML5, we suggest using Web fonts as custom font conversion to SVG is not available for the Countdown timer, and the designs might get rejected on ad platforms due to the font file.
Note: We recommend using HTML5 as that format works best when working with countdown timers. In case you download MP4 the timer will stop just as the video ends.
There you have it. That’s all the steps you need to take to add a countdown timer to your design.
Should you have any questions about the feature, don’t hesitate to contact our support team.