Do you want to add countdown timer to your WordPress website. A countdown timer popup is a proven way to show you important offers, anniversaries, upcoming events and more on your website.
You need to create a countdown timer on your website to boost sales on upcoming events such as online countdown timer, and new year countdown timer.
In this article, we will show you how to easily add countdown popup to WordPress.
Why You Need a Countdown Widget
Countdown timers are a simple feature that come down to a specific date. It’s important tools to remind your audience of upcoming events, product launches and sales events.
Here are the following meanings of use of the countdown widget. So let’s have a look at the scenario:
- A simple countdown clock on your home page create excitement among your users. When they visit your website, they will be reminded that they have something to look forward to.
- It’s help you to remind important dates to your visitors. If you’re launching a new e-book or want to introduce special discounts on any occasion (new year, black friday, etc).
- During the maintenance of the website, to tell the visitors when the website will be available again.
You can display the countdown timer in your post, page and sidebar widget area. In addition, you can add it to your site’s lightbox popup, floating bar, scroll bar and other design agnostic element.
So let’s see how to add countdown widget easily in WordPress:
How to Create Countdown Timer Popup
OptinMonster is the best popup plugin in the market. Which are available with countdown features. So, you need to find another plugin for this.
Using the countdown features of OptinMonster, you can integrate it into lightbox popups, fullscreen, floating bars and other optins type campaign.
Firstly, you need to install OptinMonster on your WordPress site. To help install the WordPress plugin, see our guide on How to Install Plugin in WordPress.
After, you need to connect the OptinMonster account to the OptinMonster WordPress plugin.
You’ll need to create OptinMonster account from official website. If you create an Optinomonster account from this page, we will get a small commission.
Now, go to OptinMonster from the WordPress dashboard. Click on the Connect Your Account button on the OptinMonster Welcome page.
To connect account with WordPress OptinMonster plugin follow all screen instruction.
Create Countdown Campaign
To create campaign you need to go OptinMonster ยป Campaign page and click on Create New Campaign button on top of right page.
Now, you’ll need to choose the type of campaign. Here, we’ll choose the Floating Bar to improve this campaign.
Next, we’ll select the countdown template and to use its clicking on the Use Template from hover menu.
Now you should name this campaign and choose the website for which you are creating a campaign. Click Start Building button to enter campaign builder.
This will take you to the form builder page of OptinMonster’s drop & drag. Where, you will be able to edit the campaign according to your requirement.
So let’s edit the campaign:
Edit the Campaign
Here, you can edit text, images, colors, and more for your campaign. However, we are editing for a countdown campaign, we should know how to edit the time and date as well. So let’s first edit the date and time.
To edit the countdown clock, click on your live preview. Now, you will see Editing Countdown Element on the left side, here you select Static from the Type drop down option.
Go ahead and enter the date and time the sale ends. This will be shown to your audience. As soon as you make it, all changes will be seen live in preview.
Design Countdown Timer Popup
Furthermore, to change offer text click on the offer text from your live preview section to bring up editing tools.
If you want to customize the colors of your font, you can do so.
Similarly, you can edit the text and button style for your sign up button. To do this, go to live preview and click on the Sign Up button to bring the edited tool.
Once you’re finished editing, don’t forget to click on the Save button at the top right side of screen.
Set the Display rules
Once, you’ve completed all the process of building, you should see your campaign how it looks.
Therefore, you need go to the Display Rules tab. Here, you can set your floating bar to display on or before a certain time.
For example, you can show your countdown for this Black Friday (27/11/2020) with great deals.
Now, you’ve to make sure that this campaign is to be displayed where. It can be shown on a particular page or home page. However, it depends on what your product matches to.
Save all settings once again before proceeding to the published process.
Publish Your Campaign
Ultimately, you need to publish a countdown campaign. To do this, go to the Publish tab and then toggle the Publish Status to live for your campaign.
To make sure, you go back to your WordPress admin and click on OptinMonster. Here, you should see a list of all the campaigns, which should also include your countdown campaign.
Furthermore, If your campaign doesn’t appear in the list right now, click on Refresh Campaign. Now, it’ll be visible.
Now click on Go Live next to the name of the campaign to make your campaign live on the website.
It’s the best way to check your campaign in list and make it live.
I hope this article helps you to make a countdown timer popup on your website. You may also see the related article how to create exit popup.
If you liked the article, then you should not forget to share it to your friends. You can also find us on Facebook and Twitter.
