countdown plugin | The Blog Pros

Are you looking for ways to display an animated number counter on your WordPress site?

Showing a number count helps capture your visitors’ attention and allows you to display milestones, satisfied customers, successful projects completed, and other important statistics on your website.

In this article, we’ll show you how to show a number count animation in WordPress.

Why Add a Number Count Animation in WordPress?

Showing a number counter on your WordPress website is a great way to engage users and capture their attention.

You can use it to display important stats on your site, like the number of monthly visitors or the number of articles on a WordPress blog.

Similarly, you can use an animated number count to display completed projects, the number of satisfied customers, the number of clients, milestones achieved by your business, and other crucial information.

For example, OptinMonster uses the number counter to show monthly visitor sessions optimized.

Adding and customizing a number count in WordPress usually requires editing code. This can be tricky for beginners who don’t know how to write code.

That said, let’s see how you can show an animated number counter in WordPress. We’ll cover 2 simple methods using a premium website builder and a free plugin.

You can click the links below to jump ahead to your preferred section.

Method 1: Show a Number Count Animation Using SeedProd
Method 2: Show a Number Count Animation Using Counter Number

Method 1: Show a Number Count Animation Using SeedProd

The best way to add an animated number counter in WordPress is by using SeedProd. It is the best WordPress website builder that offers a drag-and-drop page builder and lots of customization options.

For this tutorial, we’ll use the SeedProd Pro version because it includes advanced blocks and allows you to add a counter. There is also a SeedProd Lite version you can try for free.

The first thing you’ll need to do is install and activate SeedProd. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, SeedProd will ask you to enter the license key. You can find the license key in your account area and the purchase confirmation email.

Next, you’ll need to head over to SeedProd » Landing Pages from your WordPress admin panel.

SeedProd lets you create professionally designed custom landing pages, including a coming soon page, maintenance mode page, login page, and 404 page.

Go ahead and click the ‘Add New Landing Page’ button.

Creating a new homepage design with SeedProd

After that, you can select a template for your landing page and show the animated number counter.

Simply hover over a template and click the orange check button.

A popup window will now open. Simply enter a page name and page URL.

After that, click the ‘Save and Start Editing the Page’ button.

This will launch the SeedProd drag-and-drop builder.

Next, you can edit your page template by adding different blocks or clicking existing elements on the page.

To add an animated number count, simply drag the ‘Counter’ block from the menu on your left and drop it onto the template.

After that, you can select the Counter block to customize it further.

For instance, there are options to change the starting and ending number in the counter, enter a number prefix and suffix, and edit the title.

Next, you can switch to the ‘Advanced’ tab under the Counter block settings on your left.

Here, you’ll find more options to change the style, color, spacing, font, and more for your Counter block.

After that, you can head to the ‘Page Settings’ tab at the top.

Now click the ‘Page Status’ toggle and change it to Publish.

Next, you can click the ‘Save’ button at the top and exit the landing page builder.

To see the animated number counter in action, go ahead and visit your website.

Method 2: Show a Number Count Animation Using Counter Number

Another way you can add number count animation in WordPress is by using the Counter Number plugin.

It is a free WordPress plugin that is easy to use and lets you create simple counter numbers for your site.

First, you’ll need to install and activate the Counter Number plugin. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, you can go to Counter Numbers » All counters from your WordPress dashboard and click the ‘Add New Counter’ button.

After that, you can enter a title for your counter number.

In the free version, you can only select the plain design template. If you want more templates and customization options, then we suggest using SeedProd.

Enter a name for the counter and select a template

Next, you can add counter number details. There are options to edit the counter title, select an icon, and enter the counter number value.

You can add as many counter numbers as you want by clicking the ‘Add New Counterbox’ button at the bottom.

Besides that, you get more customization options from the panel on your right.

For example, the plugin lets you change the counter title color, number color, icon size, font size, font family, and more.

After making the changes, scroll back to the top and publish your counter.

Next, you can head to Counter Numbers » All counters from your WordPress dashboard.

Go ahead and copy the Counter Shortcode. It will look something like this:[COUNTER_NUMBER id=41]

Afterward, you can place your animated number count anywhere on your website, from posts and pages to sidebars.

Simply add a new post or page or edit an existing one. Once you’re in the content editor, simply click the ‘+’ sign and add a Shortcode block.

Next, you can paste the counter number shortcode in the block.

From here, preview and publish your page or post to see the animated number count in action.

We hope this article helped you learn how to show a number count animation in WordPress. You can also see our ultimate guide to WordPress security and our expert pick of the best WordPress plugins for small business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Show a Number Count Animation in WordPress first appeared on WPBeginner.

Are you looking to add a countdown timer to their WordPress website?

Countdown timers are a great way to build anticipation, excitement, and create a FOMO effect on your website. There are many different countdown plugins that let you create a countdown timer, so which one should you use?

In this article, we’ll share the best countdown plugins for WordPress and explain the key features of each.

What is a Countdown Timer Plugin & When You Need it?

A countdown timer WordPress plugin allows you to display a timer that counts down to a specific time or date.

Savvy marketers use countdown timers to build excitement and create a sense of urgency among their customers. It helps them take advantage of the FOMO effect to boost conversions.

There are many plugins that allow you to add countdown timers to your website. These countdown timers can be divided into two groups:

Normal Countdown Timers

A normal countdown timer, sometimes called a static or fixed countdown timer, is what most people think of when they imagine a timer. This timer counts down to a certain fixed time. That might be the launch of a WordPress website, the end of a sale, or another event.

The countdown clock’s endpoint is the same for everyone and doesn’t change depending on who’s viewing it.

Evergreen Timer

An evergreen countdown timer, sometimes called a dynamic countdown timer, is specific to each user. It begins counting down when the person arrives on your site. For instance, they might have 4 hours to take advantage of a special offer.

This can be a powerful marketing technique as it lets you create a sense of urgency.

Note that most WordPress plugins are designed to run normal countdown timers, and only some let you run evergreen timers.

Having said that, let’s take a look at some of the best countdown timer plugins for WordPress.

1. OptinMonster

OptinMonster is a powerful popup and lead generation plugin for WordPress. It allows you to convert abandoning website visitors into subscribers and paying customers.

With OptinMonster, you can create both static and evergreen countdown timers. You can make as many timers as you want and use different timers on different pages.

There are lots of ways you can position your countdown timer using OptinMonster. One of the best is to use a floating bar that sticks to the top or bottom of your page. That way, it stays visible at all times.

Here’s a countdown timer we created using the OptinMonster plugin:

You’ll need the OptinMonster’s Pro plan or higher to use countdown timers.

They allow you to add countdown timers on popups, floating bars, full-screen welcome mats, scroll boxes, and inline widgets. On top of that, you can personalize the timers based on the user’s location, which page they’re on, where they’re visiting from, and more.

2. SeedProd

SeedProd is the best WordPress website builder and landing page plugin. It is a great option if you want to add countdown timer animation to your landing pages.

SeedProd lets you easily set up a special landing page and put your site into coming soon or maintenance mode. Plus, it has a powerful drag-and-drop website builder. You can easily customize your WordPress theme without touching a single line of code.

With this plugin, you can create a normal and evergreen timer for your website. It offers lots of customization options, including pre-built templates for countdown timers.

Here’s a countdown timer we created using SeedProd’s Coming Soon Page Pro plugin:

For more details, you can see our guide on how to show a number count animation in WordPress.

3. Countdown Timer Ultimate

Countdown Timer Ultimate is another good option to consider if you want to create a normal countdown timer. It’s a simple plugin that allows you to show timers on the entire website or specific to individual site visitors.

You can use Countdown Timer Ultimate to make as many countdown timers as you want, and you can customize how they look to some degree.

Here’s a preview of the countdown timer that you can create using the free version of the Countdown Timer Ultimate plugin:

The pro plugin gives you more advanced options. These include being able to show specific text when the countdown expires and extra design features.

4. Countdown Builder

Countdown Builder is a simple countdown timer with multiple different styles built in. These include circle countdowns, flip clock countdowns, and even a coming soon page.

You can place your timer within a post or page in the WordPress block editor by selecting the ‘Countdown’ block or using a shortcode. You can also choose to display it automatically on specific posts or pages.

Here’s a preview of a countdown timer you can create using the plugin:

If you want, you can edit how your clock looks in detail, changing things like the font size, the labels, and the animation style. You don’t need to do this with CSS. There’s a built-in editor in the plugin.

5. Evergreen Countdown Timer

Evergreen Countdown Timer is the next countdown plugin on our list. It lets you create evergreen countdowns, as you might expect from its name. You can also use it to create normal countdowns as well.

You can choose how the plugin detects visitors by a cookie or their IP address.

To add the timers to your page, you’ll need to enter a shortcode. You can simply copy and paste this from the Manager section of your countdown timer settings.

Once your timer hits zero, you can automatically redirect the visitor to a URL of your choice. For instance, you could send them to a registration page if you’re counting down to the launch of your new course.

Here’s a timer we created using the Evergreen Countdown Timer plugin:

An example timer created using the Evergreen Countdown Timer

There’s a pro version of the plugin, which gives you lots of extra options. It also lets you choose more colors than just black or white for your timer.

With the Pro version, you can provide a countdown for available spots, such as seats or tickets. This could work well if you’re selling places for a paid webinar or another live event.

6. HurryTimer

HurryTimer is a free countdown timer plugin that lets you create both evergreen and regular timers. The evergreen timer uses both cookie and IP detection to display the right timer to each individual user.

You can also set up timers to run a countdown between two fixed dates. This is useful if you want to get ready for an upcoming sale in advance.

The timer works with WooCommerce, though you don’t have to run WooCommerce to use it. You can display your timer several times on the same page if you want to.

Here’s a timer we created using HurryTimer:

An example timer created using HurryTimer

If you have the Pro version, you can set up a recurring timer. This is a timer that runs according to the rules that you specify. For instance, you could have a timer that shows shipping cut-off times.

With the pro version, you can also create an announcement bar that sticks to the top or bottom of the screen to keep your timer visible.

7. Sales Countdown Timer

Sales Countdown Timer is designed for WooCommerce stores. It helps show timers for sale events, promotional offers, and the latest campaigns.

You can easily integrate the plugin with your WooCommerce products. Plus, it offers different customization options. You can change the style of the timers, edit the message, change the colors in the timer clock, and more.

Besides that, the plugin also lets you choose the location of the timer, whether you’d like to make it sticky, and also select which type of product pages you’d like to show the countdown timer.

Here is a look at the countdown timer we created using the plugin:

We hope this article helped you learn about the best countdown plugins for WordPress. You may also be interested in our tips to recover WooCommerce abandoned cart sales, and our list of the best email marketing services to grow your sales.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 7 Best Countdown Plugins for WordPress (Easy to Use) first appeared on WPBeginner.