Do you want to add a live animated countdown timer in your WordPress site? You absolutely need it if you have a plan for a product release or a major event in near future. A countdown timer widget helps you to remind your visitors of the upcoming event. In this tutorial, I will show you how to create a countdown timer widget in WordPress site.

Adding a countdown timer to WordPress site

In this article, I will create a countdown timer widget in WordPress site by using Countdown Timer Ultimate plugin. It is one of the most popular and beginner firendly countdown timer plugins.

Step 1. Configure the settings of Countdown Timer Ultimate

Countdown Timer Ultimate

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

Upon activation, navigate to Countdown Timer > Add Timer option. Clicking on Add Timer will take you to Add New Timer page.

Add New Timer

On this page you can configure the all settings of this plugin. Firstly, you need to type a name for your countdown timer.

Next, you can set an expiry date for this countdown timer. Click on the time box and select your date, hour, minute, and second.

Set an expiry date for Countdown Timer Ultimate

Note: Countdown Timer Ultimate works with the timezone you set in WordPress General Setting.

After that, you can choose animation style from the drop-down menu and adjust circle width, background width, countdown width for countdown timer. If you want the default countdown width, leave the box of countdown width empty.

Settings of Countdown Timer plugin

Then, you can also select your desired background and fore ground colors for your countdown timer. The color of days, hours, minutes, and seconds are available to be chosen individualy.

Set Background and foreground color for Countdown Timer Ultimate.

Once all done, you can click on Publish button on the right side of Publish tab.

Publish countdown timer

Step 2. Display the countdown timer widget in WordPress

Head over to Countdown Timer > Countdown Timer sub-option and you will see the shortcode of your countdown timer.

Shortcode for Countdown Timer

Then, copy the shortcode and paste it in the content area of your desired post and page. And don’t forge to click on publish or update button to save changes.

Add a Countdown Timer in WordPress post

You can also add the countdown timer widget in sidebar of your WordPress site. Navigate to Appearence > Widgets and you need to add a ‘Text’ to Blog sidebar tab and paste the shortcode of countdown timer.

Add a countdown timer widget to WordPress sidebar

Once all done, click on Save button to save changes.

Then, go back to the frontpage of your site and you will see the countdown timer widget displaying on the sidebar.

Add a countdown timer to WordPress sidebar

I hope this guide helped you learn how to add a countdown timer to WordPress site. You may also want to see our guide on how to add code to WordPress header and footer.


Leave a Reply

Avatar placeholder
We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Privacy Policy