How to create Countdown widget in a WordPress site

By on October 11th, 2021

WordPress Countdown Plugin is one of the best countdown timer plugins for WordPress sites. It is a free plugin that allows you to put multiple timers on your website. The plugin has a drag and drop interface; thus, it makes it easy for you to create and customize the countdown timers. This plugin will allow you to display the countdown timer on Widgets, Posts, and pages. Moreover, you can embed the countdown timers into the post or page using shortcodes. You can create a customized Countdown timer in just a few settings. The plugin also provides count-up timers, which allows timers to count up in the past time.

You can easily use the timer to note a specific event in the past on your website. So, the WordPress Countdown Plugin is a free plugin that offers Countdown/Count Up timers that can be used anywhere on the website. Moreover, the plugin supports easy translation, color customization. You can customize the background color and text color. Additionally, the background color can be changed by entering the 6 digit code. You will have different text color codes in the HTML color list. You can also change the background colors. If you keep it blank, then the background colour will be transparent. Also, if you want to keep it grey, then enter the code #ddd. So let’s discuss the basic features of this plugin in brief,

Features

  • The plugin also allows you to customize the countdown text color and background color as well.
  • You can easily display the countdown timer into the widget just with a few settings.
  • Additionally, you will have multiple text color options. You just need to enter the 6 digit code to display the color.
  • This plugin also allows you to display the countdown timer on Widgets, Posts, and pages. You can embed the countdown timers into the post or page using shortcodes.
  • You can show years, months, days, hours. Minutes and seconds in the countdown/ up timer.
  • The plugin is a free version and offers various features to customize the countdown/up timer.
  • The plugin provides ready-to-use shortcodes to display the timer into the post or page. You just have to copy and paste the shortcode into the page or post.
  • You can also change the background colors. If you will keep it blank, then the background color will be transparent.

Pricing Details

WordPress Countdown Plugin is a Free plugin. So you don’t have to pay anything to display the countdown timers. The plugin does not offer any Premium plan. If you just want to show the simple countdown timers with the basic features, then you can go for this plugin.

How to Install and Activate WordPress Countdown Widget Plugin

The installation process is very easy. You can just follow the simple steps mentioned below to install and activate the plugin.

Step 1: First, you need to log in to the WordPress admin dashboard.

Step 2: Now, you will see the option “Plugins” on the left-hand side panel of the WordPress dashboard. Click on “Plugins,” then select “Add New.”

Step 3: You will see a search bar on the top right-hand side corner of the dashboard. Now, Search “WordPress Countdown Widget Plugin”.

Step 4: After that, you need to click on “Install Now.”

Step 5: After installation, you will need to activate the  WordPress Countdown Widget Plugin in order to use it on your site. Now, click on “Activate.”

Now you have successfully installed and activated the plugin. You can start adding countdown timers in the widgets using this plugin.

How to Add the Countdown Timer into Widget Using WordPress Countdown Widget Plugin

After activating the plugin on your site, you can start using this plugin on your site. You just need to do a few settings to add countdown timers into widgets. We have explained step by step guide below on how to use this plugin,

Step 1: First, go to the “Appearance” option on the left-hand side panel of the dashboard. Then select “Widgets.”

Step 2: Add a new widget by clicking on the “+” sign. After that, search “Countdown Up/Down Widget.

Step 3: Now, you can set the date format, background color, border radius, and time. First, enter “Widget title and Event title”. After that, set the date and time in the mentioned format.

Step 4: If you want to set the desired text color, then click on “?”. You will be directed to the Countdown widget help. Now, scroll down to “list of HTML colors”. You will see the six-digit codes of different codes”. You can enter any code for the desired color.

Step 5: Now, the background color can be kept blank if you want to keep it transparent. The default color of the background is grey. The grey background code is #ddd. Once you are done with the settings, then click on “Edit Settings”

Step 6: The edit setting will direct you to the “Edit label” page. Now, edit the countdown timer’s years, months, days, hours, minutes, and seconds. Now, click on “Save Changes”.

Step 7: Click on “Update” to add the countdown timer into the widget. Now, see the preview of the web page; you will see a countdown widget at the bottom of the web page.

This way, you can easily customize and create the countdown widget.

How to Add a Countdown Timer into the Page Or Post Using Shortcodes

You can easily add the countdown timer into the widget from the “Add Widget area”. But if you want to add a countdown timer into the page or post or sidebars, then the plugin provides ready-to-use shortcodes. You just have to follow the below-mentioned steps to embed the countdown into a page or post.

Step 1: After activating the plugin. Go to “Plugins” and then select “Installed Plugins”.

Step 2:You will see the list of plugins. Now, click on “Settings” under the “Countdown Widget”, and you will be directed to the general settings.

Step 3: After that, click on the “Shortcodes” tab. It will direct you to the Countdown widget help page. Also, you can use five types of shortcodes. The shortcodes are based on the display.

If you want to show weeks and hours then enter this shortcode: [countdown date=”12 August 2022″ format=”wD”]. You just have to change the date, month and year in this shortcode.

If you want to display an event title below the countdown, you can use the event attribute of the shortcode tag:

[countdown date=”4 July 2021″ format=”d” event=”Until Independence Day!”]

If you want to count down to or count up from a specific time, you can add an hour and minutes to your shortcode, as you can see in the sample below. Hours in the dropdown are 24 hours based. Then use this below tag:

[countdown date=”5 June 2021″ format=”dHMS” hour=”18″ minutes=”54″]

Step 4: Now, create a new page or post. Now, click on the “+” sign and search for the “shortcode” block. Now, enter the copied shortcode to embed the countdown timer into the page or post. You can edit the time and date as per your choice into the shortcode.

Step 5: Now, “Publish” the post or page to see if the countdown timer is displayed or not. This way, you can also add the countdown timer to the page or post using these shortcodes.

Conclusion

WordPress Countdown Widget is a free plugin to display the countdown timer on your site. You can easily display the countdown timer anywhere on your site. You will have multiple customization options for the widget countdown timer. However, it provides ready-to-use shortcodes to display the countdown/up timer on the page or post, or sidebar. The installation and setup process is very easy and simple. You just have to follow the step-by-step guide on how to install and activate the plugin. Moreover, we have explained the detailed procedure on how to use the WordPress countdown widget plugin. We hope this article will help you to display the countdown timer on the widget, pages, or posts.

Leave a Reply