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… Read More »

The post How to Add Animated Event Countdown Timer in WordPresss appeared first on WPBeginner.

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.

The post How to Add Animated Event Countdown Timer in WordPresss appeared first on WPBeginner.