How to Create a Countdown Timer in WordPress (the Easy Way)

How to Create a Countdown Timer in WordPress (the Easy Means)

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp

Get Stunning Website in just 30 days

Services on: Website Design & Development | Website revamp | SEO | Social Media Optimization | Digital Marketing 

Would you like to construct pleasure in your website by including a countdown timer?

Countdown timers create a sense of urgency and FOMO (worry of lacking out) to encourage folks to join emails, gross sales, occasions, webinars, and extra.

This tutorial will present you the way to create a countdown timer in WordPress.

Earlier than we get into the tutorial, let’s shortly take a look at concepts on your countdown timer.

The Finest Methods to Use a Countdown Timer

Countdown timers let guests understand how a lot time is left for the beginning or finish of one thing. When used proper, a countdown timer has the facility to drive conversions and convey in important earnings.

Countdown timers can be utilized in so many alternative methods, together with:

  • Construct pre-launch pleasure on a coming quickly web page
  • Create pleasure for a new services or products
  • Construct momentum for an occasion or convention
  • Create urgency for limited-time gives and sale occasions
  • Let guests know when your website will probably be again up after web site upkeep

Within the tutorial beneath, we’re going to use a single device to create a countdown timer that can be utilized for any objective in your WordPress website.

You may add the timer inside pages, posts, sidebars, floating bars, popups, slide-ins, and rather more!

Prepared? Let’s dive in.

Creating a Countdown Timer in WordPress

One of the best ways to create beautiful and purposeful countdown timers in WordPress is through the use of OptinMonster.

optinmonster new homepage

OptinMonster is a premium WordPress plugin to create beautiful lead technology campaigns on your website. It comes with 50+ stunning templates and 9 marketing campaign varieties which can be straightforward to customise.

This implies you may show a countdown timer inside popups, floating bars, gamified wheels, inline types, slide-ins, and extra.

And the most effective half is you get to management the place, when, and to whom the countdown timer seems. So, as an illustration, you may determine to present it to new guests and ensure it doesn’t seem to returning ones.

Floating bar countdown timer welcome message

You may even place your countdown timer to seem as a static bar that stays seen always because the customer scrolls by way of your website.

Plus, OptinMonster enables you to set schedules for the countdown timer to seem and disappear at particular dates and instances. That is a nice choice for if you host seasonal gross sales and promotions.

updated black friday campaign

On prime of that, you may personalize the timers based mostly on person’s location, which web page they’re on, the place they’re visiting from, and extra.

OptinMonster additionally tracks the efficiency of your campaigns, so you may see how a lot worth the countdown timer added to your advertising and marketing objectives. OptinMonster exhibits you the quantity of people that seen the timer and what number of transformed, together with different priceless insights.

analytics in optinmonster

And OptinMonster’s countdown timers are confirmed to work. Simply see how how Cracku elevated conversion 300% with OptinMonster countdown timers.

Prepared to create your individual countdown timer? Join your risk-free OptinMonster account beneath:

OptinMonster provides you with extra marketing campaign varieties and focusing on guidelines to select from so that you determine the place your countdown timer seems. And with entry to so many templates, you may arrange the timer in minutes.

Let’s begin by putting in OptinMonster in your WordPress web site.

Step 1: Putting in OptinMonster in WordPress

Inside your WordPress dashboard, you may set up the OptinMonster plugin below the Plugins » Add New web page.

find and install the optinmonster plugin

By no means put in a WordPress plugin earlier than? Not a drawback. Try this useful information: How to Set up a WordPress Plugin: 3 Easy Strategies.

When you activate the plugin, OptinMonster will seem in your WordPress menu. You may open the dashboard and launch the setup wizard to join an present OptinMonster account or create a new one.

launch setup wizard to start optinmonster

When you’ve linked your account, you may get began with creating your countdown timer.

Step 2: Creating Countdown Timer Marketing campaign

Within the OptinMonster dashboard, you’ll see a checklist of campaigns obtainable to create popups, floating bars, inline types, and extra.

You may select any marketing campaign you want to match your advertising and marketing and model objectives. Right now, we’ll present you the way to create a countdown timer within a floating bar marketing campaign.

Nonetheless, if you happen to select one other marketing campaign you may comply with the tutorial beneath because the steps stay just about the identical.

floating bar in optinmonster wordpress dashboard

Whenever you select your marketing campaign kind, a new web page with stunning templates will open. You may browse these templates by hovering over them to get the Preview choice.

OptinMonster has templates for every kind of selling objectives and gross sales occasions and a few of them even include pre-added countdown timers.

Right now, we’re going with the Flash template.

flash sale template floating bar

Should you like a template that doesn’t have a countdown timer, no worries!

You may add it in with a easy drag and drop contained in the marketing campaign builder. As soon as you choose a template, you’ll want to enter a title on your marketing campaign.

give your optinmonster campaign a name

Then click on on the Begin Constructing button to enter the marketing campaign builder the place you may customise your design.

Step 3: Customizing Countdown Timer Marketing campaign

OptinMonster has an extremely easy-to-use drag and drop builder. You’ll see a preview of your template which you’ll be able to edit immediately. This implies all of the modifications you make right here will look the identical when the marketing campaign is reside in your website.

To get began, in case you chose a template that doesn’t have a countdown timer, you may add it into your template now.

Merely click on on the Add Blocks button after which drag and drop the countdown timer block into your design.

add blocks to countdown timer campaign

When you choose the countdown timer block, you’ll see the settings for it open in the left menu.

static and dynamic countdown timers

First, OptinMonster enables you to create a static or dynamic countdown timer. However what precisely does this imply?

  • Static: Reveals a customary countdown timer that follows the date and time settings you select. This allows you to show the identical clock for each customer that comes to your website. It really works effectively for flash gross sales, seasonal gross sales, webinars, and different occasions
  • Dynamic: Reveals a distinctive countdown timer for every person based mostly on their behaviour in your website. This allows you to create customized gives for guests. So, for instance, you may supply new guests a low cost in the event that they buy or enroll inside the subsequent 24 hours. The 24-hour timer will probably be distinctive to them and nobody else will see it.

After you select which sort of timer you need, you may set the tip time and date.

OptinMonster additionally enables you to management what time models are displayed. In case your sale is just for a few hours, you may select to flip off the ‘Days’ unit utilizing the toggle change.

time units in countdown timer

One of many nice issues about utilizing OptinMonster is that you simply received’t be caught with boring clock designs. You may model the timer to match your branding and theme.

Swap to the Types tab, and also you’ll discover choices to change the background shade, picture, border, font, and extra.

countdown timer style

Subsequent, you may also management what occurs as soon as the countdown ends. Within the Motion tab, you may inform OptinMonster to:

  • Take no motion
  • Restart countdown
  • Go to a view
  • Click on to copy textual content
  • Shut the marketing campaign

countdown timer end action

This allows you to finish the marketing campaign or show a success message, occasion hyperlink, or a coupon code as soon as the countdown is over.

With that, your countdown timer is prepared. Coming to the marketing campaign design, OptinMonster templates are created with stunning colours, photographs, and CTA buttons. Meaning you received’t have to spend time designing and customizing it.

That stated, OptinMonster does allow you to change each facet of your marketing campaign. In order for you to tweak the textual content, merely choose it and sort in your individual.

change text in flash floating bar

On this means, you may choose any block and also you’ll see choices to change it in the left menu. You may customise the button and picture in the identical means.

change button in flash floating bar

In order for you to change the background picture, in the left taskbar, use the Residence button and navigate to Optin Settings » Optin View Types web page.

change background in flash floating

Right here, you may change the background picture or shade to your liking.

The final step right here is to change to the Success tab and customise the affirmation message. Should you’ve added an optin type, this message will probably be displayed to guests that enroll.

success tab in flash floating bar

Now your countdown timer marketing campaign is prepared. Subsequent, we’ll present you the way to use OptinMonster’s highly effective show guidelines to goal guests.

Step 4: Including Show Guidelines

Whether or not you’re utilizing a static or dynamic countdown timer, OptinMonster show guidelines are actually useful.

Within the Show Guidelines tab, you’ll see that by default, OptinMonster will present the floating bar as soon as the person spends no less than 5 seconds on any web page of your web site.

default-display-rules in om

That is nice for many floating bars, and you may even use the drop-down menu to change the time on web page to ‘ is rapid‘.

Time on Page Immediate

OptinMonster enables you to use a number of guidelines, so you may both edit these show settings or add new guidelines to the checklist.

Whenever you try this, you’ll see all the foundations obtainable to goal guests based mostly on their curiosity, exercise, and conduct.

optinmonster display rules

A number of the fashionable guidelines embody:

  • New/Returning customer: Show based mostly on whether or not it’s a first-time go to or they’ve been to your website earlier than.
  • Web page Focusing on: Present campaigns solely on particular URLs.
  • Bodily Location: Work together with a customer based mostly on their geographical space.
  • Scroll Depth: Interact with guests that present curiosity by scrolling down the web page.
  • Time and Date: Schedule campaigns to seem at particular time, date, day of the week, and month of the 12 months.
  • Referral Focusing on: Join with guests which can be coming from particular channels.

To point out you an instance of how to create a rule, we’re going to make the flash sale obtainable solely to folks in the USA.

First, we’ll choose the Bodily Location rule.

Display rules for users physical location

Then we’ll enter ‘United States’ and validate the placement.

visitors location is us

For the subsequent rule, say you need to host a flash sale or webinar each weekend. With OptinMonster, you received’t want to create separate campaigns and allow the countdown timer every time.

As an alternative, from the foundations checklist, choose Day of the Week.

day of the week

Then again on the Show Guidelines web page, you may choose which days you need the floating bar to seem.

choose day of the week

On this means, you may also add a Time rule to management what time of day you need it to present in your website.

time rule in optinmonster

You may even present your marketing campaign based mostly on the customer’s native time or choose a particular timezone.

That means, you probably have clients across the globe, you received’t have to fear about your occasion titled “8 pm flash sale” showing at a totally different time for a buyer who’s on the opposite facet of the world.

visitors local time

OptinMonster will deal with that for you and ensure it seems at 8 pm in accordance to their timezone.

Now your countdown campaigns will run routinely on the times and time you’ve chosen.

See how straightforward that was? And it doesn’t finish there. OptinMonster enables you to automate your campaigns additional by integrating together with your e mail service supplier (ESP).

Step 5: Connecting to Electronic mail Advertising

Should you’ve included an optin type in your marketing campaign so folks can join advertising and marketing emails, occasions, and updates, you’ll need to join to your e mail account.

It will allow you to routinely ship new leads to your e mail checklist and set off automated e mail collection to welcome them.

OptinMonster integrates with all fashionable e mail service suppliers together with Fixed Contact, Mailchimp, Drip, and Sendinblue.

Contained in the OptinMonster marketing campaign builder, open the Integrations tab and click on on the ‘Add New Integration’ button.

add new integration in optinmonster

A drop-down menu will seem the place you may select your e mail service supplier.

select constant contact integration

Comply with the onscreen directions to signal in to your account and hyperlink the OptinMonster marketing campaign. It takes simply a few clicks.

Now you may go forward and publish the OptinMonster marketing campaign in your WordPress website.

Step 6: Publishing Your Countdown Timer

To make the countdown timer reside in your WordPress website, change to the Publish tab.

You’ll see an choice to preview your marketing campaign. Then you may set the standing to ‘Publish’ to launch your floating bar.

preview and publish campaign

Subsequent, go to the OptinMonster » Campaigns web page in your WordPress admin space. Make certain your marketing campaign is about to ‘Publish‘ right here as effectively.

wordpress publish option for optinmonster

Now you may go to your web site, and also you’ll see the countdown timer seem in accordance to the show guidelines you’ve set.

Should you haven’t signed up for OptinMonster but, what are you ready for? Get your 100% risk-free OptinMonster account now by clicking beneath:

With OptinMonster, you may add countdown timers in extremely inventive methods in your website. You may create evergreen and one-time campaigns to enhance engagement, get extra e mail subscribers, and drive gross sales and income.

We hope you discovered this put up useful. Now that you understand how to create superior countdown timers, it’s your decision to strive your hand at including the countdown timer to a popup to skyrocket gross sales.

We even have these assets that you simply’ll positively need to try:

  • 8 Webinar Instruments to Increase Attendance and Drive Extra Gross sales
  • Flash Gross sales 101: How to Get Extra Cash (and Shoppers) Quick
  • Lead Technology Methods Confirmed to Increase Your Attain + FREE book

In these posts, we’ve detailed extra methods to develop your e mail checklist, enhance gross sales, and attain your advertising and marketing objectives sooner

Courtesy: Source

#Create #Countdown #Timer #WordPress #Easy

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp


Chennai's Best Website Design & Development hub. We create Professional stunning WordPress websites and doing Digital Marketing to scale up your business.

Latest Articles

Happy to help you