Would you like to add a milestone countdown in WordPress? A countdown timer helps you showcase necessary achievements, anniversaries, upcoming occasions and extra. On this article, we are going to present you ways to simply add a countdown timer in WordPress (even the evergreen timers).

When and Why you Want a Milestone Countdown Widget?

Milestone countdown widgets are a great tool to remind your viewers about an necessary milestone in your small business, an upcoming occasion, product launch, or a gross sales occasions. This helps construct anticipation amongst your clients and improves user engagement.

Following are some widespread situations the place you’ll be able to successfully use a milestone countdown widget:

Earlier than launching your web site on a coming soon page.Throughout website maintenance to let guests know when the web site will probably be accessible once more.Earlier than introducing a new services or products.When internet hosting an occasion or convention.On the birthdays of your on-line enterprise.On holidays and sale occasions reminiscent of Black Friday to provide massive reductions in your services or products.

You’ll be able to show the milestone countdown timer in your posts, pages, and sidebar widget space. You can even add countdown timers in lightbox popups, floating bars, scroll packing containers, and different design agnostic parts to have interaction abandoning web site guests and convey them again to your web site.

Since there are such a lot of use-cases of a countdown timer, we have now listed Three totally different strategies for including a milestone countdown widget in WordPress:

Create Milestone Countdown Widget using Countdown Timer UltimateCreate Highly Engaging Dynamic Countdown Timers with OptinMonsterCreate Coming Soon & Maintenance Mode Countdown Timer with SeedProd

Let’s take a have a look at how to simply add a milestone countdown widget in WordPress.

Methodology 1: Including a Milestone Countdown Widget Utilizing Countdown Timer Final Plugin

Countdown timer demo

Very first thing you want to do is set up and activate the Countdown Timer Ultimate plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

Upon activation, you want to go to the Countdown Timer » Add Timer web page in your WordPress admin space.

On this web page, you want to begin by including your milestone identify because the title for the brand new countdown timer.

Observe: The timer makes use of the timezone set in your WordPress web site settings. In order for you to change the timezone for this countdown timer, then you have to to go to Settings » Normal and replace the timezone settings of your WordPress site.

Add timer title

After that, you’ll be able to scroll down to set an expiration date, day, and time in your milestone countdown timer.

Set expiry date

Subsequent, you want to choose an animation fashion from the drop-down. You can even modify the circle and background width simply.

Choose animation

Within the Countdown Width discipline, you’ll be able to outline a width for the complete show of your countdown widget. For those who depart this discipline clean, then it’ll show the timer utilizing default dimension.

After which you could add the background and foreground coloration for the countdown timer. You’ll be able to individually change the colour for days, hours, minutes, and seconds. You can even change the labels for parts like days, hours, and many others.

Background foreground color

As soon as you’re glad with the settings, go forward and click on on the ‘Publish’ button.

Displaying Your Milestone Countdown Widget in WordPress

Now that you’ve got created your milestone countdown widget, let’s add it to your web site.

First, you want to click on on the Countdown Timer menu. On the WP Countdown Timer web page, you will note the timer you simply created listed there.

Copy shortcode

Subsequent to your countdown timer, you will note a shortcode that you simply want to copy.

You want to copy and paste this shortcode in the content material space of your post or page. Be sure that to click on on the replace or publish button to save your adjustments.

Now you can go to your web site to see the milestone countdown widget in motion.

Countdown timer demo

You can even add this countdown timer in the sidebar of your WordPress web site. Merely go to Look » Widgets web page and add a ‘Textual content’ widget to your sidebar. In widget settings, you want to paste the shortcode in your countdown timer.

Countdown widget settings

When you’re carried out, don’t neglect to click on on the save button to retailer your widget settings.

Now you can go to your web site to see your milestone countdown sidebar widget in motion.

Countdown milestone preview

Methodology 2: Including a MileStone Countdown Widget Utilizing OptinMonster

OptinMonster is the most effective lead technology software program in the marketplace. It helps you change abandoning web site guests into subscribers and clients.

Utilizing the countdown timer function by OptinMonster, you’ll be able to combine the milestone countdown timer into a lightbox popup, fullscreen widget, floating bar, or another OptinMonster marketing campaign sort.

Under is an instance of one of many pre-made countdown timer campaigns they’ve, however you need to use drag & drop builder to create a fully custom-made countdown timer.

OptinMonster Countdown Timer Popup for Holidays

OptinMonster is a good means to present countdown timer in a extremely consideration grabbing design parts. They even permit you to create evergreen countdown timers in WordPress.

First you want to go to the OptinMonster web site and signup for a plan that meets your want.

After that, you want to set up the OptinMonster plugin in your WordPress web site.

This plugin will work as a connector between your WordPress web site and OptinMonster app.

Upon activation, click on on the OptinMonster hyperlink in your WordPress admin menu. Subsequent, you may be requested to enter your OptinMonster API credentials.

Connect to OptinMonster

You will discover this info below your account on the OptinMonster web site. Merely login to your account after which click on on the ‘API’ hyperlink from the menu.

OptinMonster API key

You want to copy your API key and paste it into OptinMonster settings in your WordPress web site. After that, click on on ‘Join to OptinMonster’ button to proceed.

The plugin will now join your WordPress web site to your OptinMonster account.

As soon as related, you can begin creating a new marketing campaign out of your OptinMonster dashboard. You should utilize any marketing campaign sort and combine the countdown timer in it.

Create a new campaign

For extra particulars, see this step-by-step tutorial on how to create a countdown timer campaign in OptinMonster.

OptinMonster Countdown Timer Popup for Holidays

Methodology 3: Including a Milestone Countdown Widget Utilizing SeedProd

SeedProd is the most effective WordPress coming soon page plugin. The SeedProd professional model comes with a countdown timer function. You’ll be able to add this countdown timer to your WordPress web site and let your guests find out about a launch or an upcoming web site.

SeedProd preview

Very first thing you want to do is to set up and activate the SeedProd Pro plugin in your WordPress web site.

Upon activation, you’ll be redirected to Settings » Normal web page in your WordPress admin space. It’ll ask for a license key which you could get out of your SeedProd account.

License key

Subsequent, you want to go to Settings » Coming Quickly Professional web page and allow the approaching quickly mode. It’ll mechanically launch the countdown timer with the approaching quickly web page.

Enable coming soon page

You’ll be able to click on on the edit choice to select a template and customise your coming quickly web page. As soon as you’re glad, ensure to click on on the save adjustments button.

SeedProd countdown

Now you can go to your web site to see the approaching quickly counter in motion.

That’s all. We hope this text helped you learn the way to add a milestone countdown widget in WordPress. You might also need to see our sensible tips about getting more traffic for your website.