Do you need so as to add a milestone countdown in WordPress? A countdown timer is helping you show off necessary achievements, anniversaries, upcoming occasions and extra. On this article, we will be able to display you how you can simply upload a countdown timer in WordPress (even the evergreen timers).

Adding a milestone countdown widget in WordPress

When and Why you Desire a Milestone Countdown Widget?

Milestone countdown widgets are a useful gizmo to remind your target audience about a very powerful milestone in your corporation, an upcoming match, product release, or a gross sales occasions. This is helping construct anticipation amongst your consumers and improves user engagement.

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

  • Prior to launching your site on a coming soon page.
  • All through website maintenance to let guests know when the site will likely be to be had once more.
  • Prior to introducing a brand new services or products.
  • When internet hosting an match or convention.
  • At the birthdays of your enterprise.
  • On vacations and sale occasions comparable to Black Friday to provide large reductions for your merchandise or products and services.

You’ll show the milestone countdown timer on your posts, pages, and sidebar widget space. You’ll additionally upload countdown timers in lightbox popups, floating bars, scroll bins, and different design agnostic parts to have interaction forsaking web page guests and produce them again in your site.

Since there are such a large amount of use-cases of a countdown timer, we have now indexed 3 other strategies for including a milestone countdown widget in WordPress:

  1. Create Milestone Countdown Widget using Countdown Timer Ultimate
  2. Create Highly Engaging Dynamic Countdown Timers with OptinMonster
  3. Create Coming Soon & Maintenance Mode Countdown Timer with SeedProd

Let’s check out how you can simply upload a milestone countdown widget in WordPress.

Manner 1: Including a Milestone Countdown Widget The usage of Countdown Timer Final Plugin

Countdown timer demo

Very first thing you wish to have to do is set up and turn on the Countdown Timer Ultimate plugin. For extra main points, see our step-by-step information on how to install a WordPress plugin.

Upon activation, you wish to have to seek advice from the Countdown Timer » Upload Timer web page on your WordPress admin space.

In this web page, you wish to have to begin through including your milestone identify because the name for the brand new countdown timer.

Notice: The timer makes use of the timezone set on your WordPress web page settings. If you wish to exchange the timezone for this countdown timer, then it is important to move to Settings » Basic and replace the timezone settings of your WordPress site.

Add timer title

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

Set expiry date

Subsequent, you wish to have to make a choice an animation taste from the drop-down. You’ll additionally regulate the circle and background width simply.

Choose animation

Within the Countdown Width box, you’ll be able to outline a width for the whole show of your countdown widget. In case you go away this box clean, then it is going to show the timer the usage of default measurement.

After that you’ll be able to upload the background and foreground colour for the countdown timer. You’ll in my opinion exchange the colour for days, hours, mins, and seconds. You’ll additionally exchange the labels for parts like days, hours, and so forth.

Background foreground color

As soon as you’re glad with the settings, move forward and click on at the ‘Put up’ button.

Showing Your Milestone Countdown Widget in WordPress

Now that you’ve created your milestone countdown widget, let’s upload it in your site.

First, you wish to have to click on at the Countdown Timer menu. At the WP Countdown Timer web page, you are going to see the timer you simply created indexed there.

Copy shortcode

Subsequent in your countdown timer, you are going to see a shortcode that you wish to have to duplicate.

You wish to have to duplicate and paste this shortcode within the content material space of your post or page. Be sure you click on at the replace or put up button to avoid wasting your adjustments.

You’ll now seek advice from your site to peer the milestone countdown widget in motion.

Countdown timer demo

You’ll additionally upload this countdown timer within the sidebar of your WordPress web page. Merely move to Look » Widgets web page and upload a ‘Textual content’ widget in your sidebar. In widget settings, you wish to have to stick the shortcode in your countdown timer.

Countdown widget settings

While you’re finished, don’t omit to click on at the save button to retailer your widget settings.

You’ll now seek advice from your site to peer your milestone countdown sidebar widget in motion.

Countdown milestone preview

Manner 2: Including a MileStone Countdown Widget The usage of OptinMonster

OptinMonster is the most efficient lead era device in the marketplace. It is helping you change forsaking web page guests into subscribers and consumers.

The usage of the countdown timer function through OptinMonster, you’ll be able to combine the milestone countdown timer right into a lightbox popup, fullscreen widget, floating bar, or another OptinMonster marketing campaign kind.

Underneath is an instance of one of the vital pre-made countdown timer campaigns they’ve, however you’ll be able to use drag & drop builder to create a fully custom designed countdown timer.

OptinMonster Countdown Timer Popup for Holidays

OptinMonster is a great solution to display countdown timer in a extremely consideration grabbing design parts. They even help you create evergreen countdown timers in WordPress.

First you wish to have to seek advice from the OptinMonster site and signup for a plan that meets your want.

After that, you wish to have to put in the OptinMonster plugin for your WordPress web page. For extra main points, see our step-by-step information on how to install a WordPress plugin.

This plugin will paintings as a connector between your WordPress web page and OptinMonster app.

Upon activation, click on at the OptinMonster hyperlink on your WordPress admin menu. Subsequent, you are going to be requested to go into your OptinMonster API credentials.

Connect to OptinMonster

You’ll in finding this data below your account at the OptinMonster site. Merely login in your account after which click on at the ‘API’ hyperlink from the menu.

OptinMonster API key

You wish to have to duplicate your API key and paste it into OptinMonster settings for your WordPress web page. After that, click on on ‘Hook up with OptinMonster’ button to proceed.

The plugin will now attach your WordPress web page in your OptinMonster account.

As soon as hooked up, you’ll be able to get started developing a brand new marketing campaign out of your OptinMonster dashboard. You’ll use any marketing campaign kind and combine the countdown timer in it.

Create a new campaign

For extra main points, see this step-by-step educational on how to create a countdown timer campaign in OptinMonster.

OptinMonster Countdown Timer Popup for Holidays

Manner 3: Including a Milestone Countdown Widget The usage of SeedProd

SeedProd is the most efficient WordPress coming soon page plugin. The SeedProd professional model comes with a countdown timer function. You’ll upload this countdown timer in your WordPress site and let your guests learn about a release or an upcoming site.

SeedProd preview

Very first thing you wish to have to do is to put in and turn on the SeedProd Pro plugin for your WordPress site. For extra main points, see our step-by-step information on how to install a WordPress plugin.

Upon activation, you’ll be redirected to Settings » Basic web page on your WordPress admin space. It’ll ask for a license key that you’ll be able to get out of your SeedProd account.

License key

Subsequent, you wish to have to seek advice from Settings » Coming Quickly Professional web page and allow the approaching quickly mode. It’ll mechanically release the countdown timer with the approaching quickly web page.

Enable coming soon page

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

SeedProd countdown

You’ll now seek advice from your site to peer the approaching quickly counter in motion.

That’s all. We are hoping this newsletter helped you learn to upload a milestone countdown widget in WordPress. You might also need to see our sensible recommendations on getting more traffic for your website.

In case you appreciated this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll additionally in finding us on Twitter and Facebook.

The submit How to Add a Countdown Timer Widget in WordPress (3 Methods) gave the impression first on WPBeginner.

WordPress Maintenance

[ continue ]