It’s TIME for the PowerPack update! (No pun intended😛) I am happy to introduce the latest addition to PowerPack for Elementor – Countdown Timer Widget.
With this widget, now you can add timers and create a sense of urgency on your website that has been missing. You can create timers for flash sales, timed offers, event countdown timers and more.
⚡ Countdown Timer for Elementor
Countdown Timer for Elementor comes with powerful customization features and functionalities. Let’s see each one of them in detail.
⏳ Fixed and Evergreen Counters
It is up to you whether you want to set your timer to a particular date and time or if you want your timer to run for a specific duration. You can do either of them with this tool. There are two different countdowns you can run-
1. Evergreen Countdown Timer
2. Fixed Countdown Timer
This timer is used to show the timer with years, months, days, hours, etc. Doing this is best for creating a feeling of anticipation for an upcoming event on a specific day and time such as Black Friday sale or new product launch. This gives your users a clear picture of an event and keeps reminding them of the same.
🛠 Size and Spacing Options
Want to make your timer suit the well-spaced minimal website design or want to squeeze that countdown timer in the small website flash sale banner, you can do that with the spacing and size options easily. The user can change the space between labels and digits, blocks, etc. You can change the size of almost all the elements of the widget too.
🏷 Custom Labels
Want to add your labels? You got it!
Add your custom labels instead of months, days, etc. and choose whether to display the labels inside or outside the container. You can change the text for every individual container too!
🔤 Powerful Typography Controls
Take full control of how your text looks on the countdown. Whether it is the countdown numbers or the labels, you can change it all. You can change the font family, type, size, color, spacing and almost every aspect of the font editing from the style tab.
🏗 Structure Control
With this feature, you can define which part will be displayed, and how it needs to be displayed. You can enable/disable a single counting part with a simple toggle operation. For example, if you do not want to show the months counter, just switch it off. That’s it!
⏲ Timer Expiration Action Control
You can define what happens when the Timer runs out. Change the action by selecting the desired one from the list and choose whether to hide the timer upon completion or just reset the timer to start again. You can display a message and redirect it to a URL as well. This functionality comes handy if you want to do flash sales or an offer run.
ℹ Container Styles
How about making your timer stand out by changing the way it looks? You can do that too! Change the container style by selecting from default, square or circle and change the way your timer looks. This feature can help you differentiate multiple timers on your website.
There are loads of places where you can implement the countdown timer on your website. We have a demo page ready as well. Have a look!
🙌🏻 What’s next?
If you are eager to learn more about this module, then go ahead and give the countdown widget a test run. As this widget is part of the PowerPack Element’s Widget Library, you need to have the same as well.
Don’t have PowerPack Elements? Get it here.
Do tell us what do you think about this widget via commenting it down below!