Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add Animated Event Countdown Timer in WordPresss

Do you want to add an animated countdown timer in WordPress? Whether it is an event, a product launch, or a holiday sale, a timer visualizes urgency and builds anticipation among your users. In this article, we will show you how to add an animated event countdown timer in WordPress.

Countdown Timer for WordPress

First thing you need to do is install and activate the Countdown Timer Ultimate plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Once the plugin is activated, you need to visit Countdown Timer » Add Timer page to create your first countdown timer.

Add your countdown timer

The first thing you need to provide is a title for your countdown timer. This title will help you identify the timer internally.

Next, you need to click on the ‘Expiry Date’ to select the date and time when your timer will expire.

After that you need to choose the animation type and size of the timer circles. You can also change the background color of the circle and the foreground colors of days, hours, minutes, and seconds.

Select colors and animation

If you want, you can uncheck an item from the foreground menu, and it will not be displayed as a circle. For example, you can uncheck days and your countdown timer will not show a days counter.

Don’t forget to click on the save changes button to store your settings.

Display Your Animated Countdown Timer in WordPress

Now that you have created your countdown timer, let’s go ahead and add it on your website.

First, you need to click on the Countdown Timer menu. You will see the timer you just created listed there.

Copy countdown timer shortcode

Next to your countdown timer, you will see a shortcode that you need to copy.

Now simply paste this shortcode in the content area or your post or page.

Click on save or publish button to store your changes.

That’s all, you can now visit your website to see your countdown timer in action.

Countdown timer preview

We hope this article helped you add an event countdown timer in WordPress. You may also want to see our list of 25 most useful WordPress widgets for your site.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

2 CommentsLeave a Reply

  1. Hey
    How do you add the timer you have for your “Ultimate WordPress black friday deals collection”?
    I am working on a website now which will launch a product but the only countdown timers I can fin are either 2 years old, only have these big obtrusive circles/flipping carts or don’t allow for text such as yours.

    Anyway it would be great if you could let me know, thanks!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.