How to add a Free Countdown Timer to WordPress
Countdown timers are useful if you are launching a new product or service on your website soon and want to attract the attention of visitors. In this way, the visitor will always be aware of how many days or hours remain before launch.
There are a lot of Coming Soon plug-ins for WordPress, which usually includes a countdown timer. But all these plugins are rather cumbersome and often not free.
But what if you just need a separate plugin for the countdown timer and preferably free? We rummaged on the Internet and found one suitable option.
In this lesson we show you how to install and configure the free plugin T Countdown for countdown to WordPress.
Plug-in T Countdown
Finding a free countdown plug-in for WordPress turned out to be not such a simple task. Most plugins either had bad reviews, or were not updated for years.
But we accidentally came across T Countdown and decided to consider it, because it meets our criteria:
- It is free
- Registration and account creation is not required
- Not a bad rating of 4.5 stars
- More than 20,000+ active installations
- Uses CSS for animation instead of Flash
The only drawback is a rather boring set of built-in timer display templates. But this can be easily adjusted to your taste, if you are a bit versed in CSS.
Setting up the plugin
After installing and activating the plug-in, go to Settings → T (-) Countdown .
Here you should check the Enable Rockstar Features option, which allows you to configure the plugin more flexibly for the sidebar widgets.
All other appearance settings rely on CSS.
Displays the timer
You can place your timer in the widget area or in the entry / page using the shortcode.
1. Through the widget
Let’s start with the widget. Go to the Appearance menu → Widgets and drag the T (-) widget to the sidebar. Countdown:
When configuring the widget, fill in the following information:
- Title – the title of the timer
- Target – the end date and time of the timer
- Style – select template design template
Should look something like this:
Now you can fill in the fields Rockstar Features . You can add the HTML code that will be displayed above and under the timer.
A separate field for HTML code is also provided, which will be executed when the timer finishes its countdown and stops.
2. Through the shortcode
If you want to insert a timer inside an entry or a page on WordPress, then you need to use a shortcode.
Unfortunately, the developers did not include the shortcode generation wizard in the plugin, but they provide detailed online documentation on the site where you can find out yourself.
The base shortcode looks like this:
[ tminus t = “ DD-MM-YYYY HH: MM: SS “] HTML code to be executed after the timer expires [/ tminus ]
For example, shortcode
[ tminus t = “ 12-05-2017 01:01:01 ” style = “ jedi “] This countdown has expired. [/ tminus ]
will look on the site like this:
And at the end of time, instead of the timer, the HTML code that you indicated inside the shortcode will be displayed:
Other countdown timer options for WordPress
In addition to the free countdown timer that we reviewed, there are a couple of good plugins.
Waiting: One-click countdowns
Also a free plugin from the WordPress directory. But the set of opportunities is more modest, as are the ratings and the number of installations.
This is a page builder for WordPress, which has a free standard version and an extended Pro version. Unfortunately, countdown timers are only available in the paid Pro version.
This is a professional solution. It’s not just a countdown timer plug-in, it’s an opportunity to build whole marketing campaigns. If you want to get the most from the countdown timer with all sorts of features, templates and styles, then pay attention to Thrive Ultimatum. The only drawback is that the license price starts at $ 97 per site.
If you need a good free countdown timer for WordPress, use the T (-) Countdown plugin, which we covered in detail. Just keep in mind that for detailed customization of the look and fit to your theme of the design, you will most likely have to dig into the CSS.