In a few days, 2018 ends and we enter the new 2019 full of hope with many strong resolutions. What do you associate midnight on New Year's Eve with? I skip the front party, or the comfort of home in front of the TV. No matter how you spend the time you probably can't avoid the traditional countdown of 10, 9, 8, 7.... 0!

Today, we too will start counting down the time to a particular moment in the future. This will be the theme of this text and probably the last article I will publish in the outgoing year.

Why such a countdown on the website

Perhaps placing these types of countdown timers counting down the days and hours and even the seconds to a particular point on the timeline seems pointless to you. A gadget? Yes, it can be, if you decide to use it for no particular purpose, just because it looks cool on your website. If that's your motivation, ok so be it, but if you have a plan on how to effectively use such a widget to e.g. increase sales on your website or shop, I'm wholeheartedly with you.

These types of counters are great when you want to announce something important and further reinforce the message or even heat up the atmosphere. It could be the beginning, or the end of a promotion, sale or sharing something cool a'la "lead magnet".

The timer makes many people feel much more strongly that the super promotion you are writing about is about to end. It's a powerful motivator to increase conversions on sites of all kinds. Regardless of what you sell, whether physical products or services, it is worth using such a mechanism from time to time. It is important not to overdo it. Using this type of marketing technique too often will make it lose its power and stop working for you.

Some examples of scenarios where such a countdown timer might be applicable:

How to add a countdown timer to a page

As always, plugins come to the rescue. Go to the WordPress repository and type in the word " Countdown". This will give you a list of plugins related to that word. Your list may differ slightly from the example below, as I have further narrowed the search to the best rated plugins and to those updated in the last 6 months.

list of plugins

Let's take the first plugin on our list and see what it offers. We install it as standard. If you don't know how to do it, you can find more information about it in the article: How to install the plug-in.

plug-in installation

After installing this particular plugin, we add a new Timer using it, where we can find all the basic parameters of the counter. We can specify the date and time to which the time will be counted down and we can adjust the counter visually to our needs.

counter configuration

To now place a counter on e.g. a home page, subpage or inside an article, we have to copy the shortcode of this particular counter. Note: You can have any number of counters with different settings. To do this, we go to the list of created counters and next to the one we want to publish we find its shortcode and copy it.

copy shortcut

Then go to edit the page/subpage where you want to place the counter. In the editor, add the "shortcode" block:

shordcode block

Finally, paste the previously copied shortcut and save the changes.

paste shortcode

That's all. After saving the changes and previewing the page, you should see the counter in all its glory. To edit it, e.g. change the colour scheme, just go to edit the counter and then enter and save the changes. You can experiment as much as you like.

countdown timer on page

The plugin I just showed you is available for free in the WordPress repository. You also have the option to buy the extended version, which gives you more possibilities to interfere with the appearance and behaviour of the widget Certainly in the basic scope the free version will work well.in many cases.

If you use Eementora PRO

If you use the add-on on your site Elementor PRO versionYou don't need to install other plugins to display a countdown timer anywhere. Just drag it (a widget called Countdown) and drop it where you want to place the countdown timer.

drag the counter widget

All that remains now is for you to configure the counter's appearance and behaviour. What can you do? Quite a lot. Not only do you have influence on how the counter will look like. You can decide if you want it to count down the time left to a specific date and time or just enter X days, X hours etc... You can give your own labels e.g. shortening Hours, Minutes, Seconds to their equivalents Hour, Minute, Seconds, which will probably look better on small screens.

Besides, you have one important function here. You can decide what happens when the timer counts down and the "Zero" hour arrives. In this case, you have three options to choose from. Redirect the visitor to any URL of your choice, such as your product page. Hide the counter, or display a custom message such as: "Promotion ended".

counter settings

In this particular example, we are checking how much is left until New Year's Eve 2019/2020 🙂

Days
Hours
Minutes
Seconds

As you can see adding a countdown timer to a website is not particularly complicated. You just need to know where and what to look for.

Share

See also

Ucanny Automator

Uncanny Automator - another way to automate WordPress

At the beginning of the holidays I wrote about the AutomatorWP plugin. Today it's the turn of a competing solution called Uncanny Automator. As in the case of AutomatorWP, the free version of the plug-in can be downloaded from

Static WordPress website

Static WordPress website

Today, a continuation of a thread related to both site speed and site security. Question: have you ever heard of such a thing as a static WordPress site? If not, either

Free information on JZS news

I invite you to become a subscriber! Thousands of readers already subscribe to news from JZS.

You can unsubscribe at any time. Your address is safe here.

Featured LifeTime Offers!

pcloud lifetime
pCloud

Cloud drive with lifetime access. Save your files and...

Studiocart

Sales funnel builder to effectively scale your online business.

2 Comments

  1. Sebastian says:

    Hello,

    I have a counter in the widgets of the oceanWP theme, but on the product page or category page I do not have (or do not see) the possibility to use it (while on editable pages in the elementor I can set it up and it works fine)

    Where am I going wrong?

Leave a Reply

Your email address will not be published. Required fields are marked *