How To Create a Countdown Timer Popup Using OptinMonster?

Are you running an online shop or a membership website?

If you are, you might be looking for possible ways to increase your conversions. If you already know, creating limited-time deals and related offers will always help you to increase your sales. And if you need to promote it properly, we have got something for you.

In this article, we are going to show you how can you create a countdown timer popup using the OptinMonster app and increase your sales/ email signups.


optinmonster app

OptinMonster is a premium solution that will help you with lead generation. The plugin is created by Awesome Motive, Inc the same company behind butting-edge solutions like WPForms, MonsterInsights, SeedProd, etc. If you need to generate a ton of leads from your existing website traffic, this is the right option for you.

Some of the popular OptinMonster features are:


On top of that, OptinMonster can be integrated with the most popular email marketing services. So no matter you are using Mailchimp/ SendinBlue or Constant Contact. Your form can be integrated with your email marketing list without additional steps.

OptinMonster Pricing

As of today, there is no free version available. Now, let’s take a look at the pricing of the OptinMonster WordPress plugin.

optinmonster pricing and plans

  • Basic – $9/ month.
  • Plus – $19/ month.
  • Pro – $29/ month.
  • Growth – $49/month.

For using the countdown timer feature, you will need to get at least the Pro plan. The Pro version plan comes with a lot of features. You can utilize all those for increasing your store conversions.

How To Create a Countdown Timer Popup Using OptinMonster?

Now, let’s see how we can create a countdown timer popup using the OptinMonster app.

The very first thing you need to do is, purchase the premium version of OptinMonster. As I mentioned above, you will need to get the Pro plan or Growth plan for creating countdown timer popups. You can use your Credit Card or PayPal account for purchasing the plan.

Once you have purchased any plan, log in to your OptinMonster account. From there, you will be able to create a new campaign.

create optinmonster campaign

You will see five types of campaigns there.

all campaigns

  • Popup.
  • Fullscreen.
  • Slide-In.
  • Floating Bar.
  • Inline.


In our case, we will be using the floating bar campaign. So, select it. On the next screen, you will see several pre-made templates. In this case, we are going to choose the Countdown template.

countdown timer templates

You can preview it before using it. If you are good to go, click on the Use Template button.

Name your campaign. Also, you will need to select a website from the dropdown.

name campaign

While you build a new campaign, make sure that you are saving these things. You will see the save button on the top-right corner.

optinmonster save button

Now, it is time to make changes to the pre-made template. OptinMonster comes with a drag and drop edit that will help you to build any type of optin form without using a single line of code. By default, the floating bar will be loaded in your website’s footer.

Well, we recommend you changing the optin’s position to the website’s top.

floating bar position

In the Display Settings section, you will see its configuration. Select the option labeled as Load floating bar at Top of Page. And also, the powered by OptinMonster link is enabled by default. You can remove it from there.

Now, let’s modify the countdown timer. Just click on the clock icon which you have on your floating bar. It will show you the Countdown timer settings in the left panel.

countdown timer dates

Choose the Static type. So when someone lands on your website, they will see the same countdown. Scroll down and you will see the options for entering the event start date, end date, etc.

date information

Whenever you make a change, you can see the updated timer on your live-preview section. We will configure the floating bar as this. Now, let’s modify the optin.

If you need to change the background color of the optin, just select the element.

change color

Choose a background color that will play nicely with your brand colors. Next, we will need to change the text. Clicking on the text will help you to edit it.

change text

Plus, you can modify the submit button.

optin button

So when a user enters his/ her email address in the field and signs up for your email list, OptinMonster will show them a success message. From the top menu, you can select the success message option, configure it accordingly.

optinmonster success

After changing the discount code, color, everything, our success page will look like:

final message

After that, connect OptinMonster with your email service provider.  From the dropdown, choose the email service provider. And from there, you will be able to integrate it.

Here’s an example with the Constant Contact service.

constant contact integration

Allow OptinMonster to fetch your account details such as lists, etc.

allow optinmonster app

Once you have successfully integrated the app, you can see all the lists. From the dropdown, choose the list you are planning to use for this optin.

select list

Choose a list and save the optin.

The final thing we need to do is, set display rules. Since we are using this floating bar for a limited time, we need to set display rules accordingly.

custom display rules

On the other hand, if you need to display the popup on any custom pages, that is also possible. All you need to do is, enter the slug of the page, save it.

display on shop page

In our case, we have set the path as the shop. So when a visitor lands on our shop page, the popup will be displayed. We have configured every plugin settings. So, now we can publish the campaign.

publish optin

The final thing we need to do is, embed the optin on the website. For doing it, you will need to install the OptinMonster API plugin on your site. In your OptinMonster account, you will get an API key for connection. Using it, connect your OptinMonster account. And from the campaigns section, you will be able to enable the optin on your website.

Now, you are good to go. When a visitor lands on your website, the popup will be displayed according to the display rules.

So this is how you can create a countdown timer popup using the OptinMonster app. As you can see, this is pretty simple and even a pure beginner can do it.

Get Started With OptinMonster Premium

You can get the premium version of OptinMonster from below.

Get Started With OptinMonster

We hope you have found this article helpful and enjoyed the read. If you did, please consider sharing this post with your friends and fellow bloggers on social media. For more related articles, you might want to check out our blog section.

Leave a Comment