Countdown Timer Popup: A Beginner's Guide [+Examples]

Countdown timers are used on landing pages, ads, website banners, and of course, popups.

They are a great way to generate leads and get sales by creating a sense of urgency.

If you'd like to use a countdown timer popup on your website, this guide will help you get started the right way.

In this post:

• What is a countdown timer popup?

• Are countdown popups effective?

• How to create countdown timer popups

• Countdown timer popup examples

What's a countdown timer popup?

A countdown timer popup is a popup campaign with an embedded countdown, made to create a sense of urgency to buy. Countdown timer popups are used to make limited-time offers, increase engagement during flash sales, and prevent cart abandonment in online stores.

Are countdown popups effective?

Adding a countdown to a popup boosts the average conversion rate by 41% compared to the traditional format: 5.36% vs 3.79%.

That's why countdowns in popups are a proven way to increase conversion during limited-time sales, Black Friday promos, and other time-sensitive offers.

Successful examples of using countdown timers to various types of popups are quite easy to find.

Here's one:

Charlotte Bio, a cosmetics store, added a countdown to a bar popup (below) with a discount and generated 17% of monthly sales in six hours of the flash sale:

Here's what one of the campaign creators had to say:

Over 230 shoppers clicked the bar popup to apply the discount code to the shopping cart:

See how you can do the same: Read Charlotte Bio case study

You can also watch our interview of Marilou about this campaign (in French):

How to create a countdown timer popup

Follow these steps to create a timer popup with a limited-time discount:

1. Create a new campaign

2. Pick a template

3. Add a countdown timer

4. Customize the design

5. Add the discount code

6. Choose how to display

7. Publish

We'll use Wisepops (4.9-star rating on Shopify), which also offers built-in Shopify targeting properties, Klaviyo segment targeting, and other advanced features.

Begin by grabbing a free account:

Unlimited free trial, no cc needed. Learn more about Wisepops popup maker

Step 1: Create a new campaign

In Wisepops, go to Create campaign:

📕 Note:

Wisepops has dedicated templates with a countdown timers. But we'll use a template without the countdown so you know how to add them to any campaign in the future.

Step 2: Pick a template

Feel free to choose a template that you think suits your website design better. For this tutorial, though, I'll pick this one:

Step 3: Add the countdown timer

Go to Blocks in the main menu and find Countdown:

Then—

Drag that block onto the template:

Now, we have a countdown timer popup!

Step 4: Customize the design

Now, our job is to make our timer popup look like a natural part of your website. To do that, change the colors of the template and add an original image. Customizing is easy: just click the element you'd like to change to see the options you need.

For example—

If you click the timer section, you'll be able to modify the time zone, the end date, and the countdown type in the menu that will appear on the left:

Click the next tab in the countdown settings ("Style") to set up the exact time frame for your offer:

Step 5: Add the discount code

When you're done customizing the template, we need to add the discount code we're giving away. Since it will appear in the next popup window, go to Step 2 in the editor (right above the popup preview) to see it:

In Design > Style, choose Apply this design to all steps and Wisepops will finish customizing the second popup window in seconds:

Next—

Click the discount section to customize it:

Note:

Connect Wisepops to your Shopify account to be able to create and use unique Shopify discounts: here's how.

Also, check out these 18 discount code ideas if you need some inspiration.

Step 6: Choose how to display

Go to Display Rules to set up where your countdown timer popup appears and to what visitors (all about display rules). By default, the campaign will be shown to all visitors three seconds after they land on your website.

More about page targeting and audience targeting.

Step 7: Save and publish

Hey, your countdown timer popup is good to go!

See how it'll look on your site (just hit Preview in the top right corner).

To display the campaign on your site, simply pop in the Wisepops code snippet with a few clicks: add Wisepops to your website (you can skip this part if you already connected Wisepops with Shopify)

Also, if you want the collected emails to go straight to your email app, link it up with Wisepops: Integrations.

Examples of countdown timer popups

1. Pedego Harlem

This countdown timer popup example (created with Wisepops) promotes a limited-time offer: a free product upgrade. Clicking the button in the campaign will help customers go straight to the page with the deal.

Note a well-written headline that makes the main benefit clear right away.

2. TOMS

TOMS prevents website exit by showing this timer popup with a discount. Visitors can get 15% off their first order if they subscribe to the brand's newsletter in 15 minutes.

Like in many other timer popups, the main benefit is written in the biggest font, which is a good idea to grab attention.

3. Journeys

This timer popup offers a discount for a specific order value, which is an interesting tactic designed to protect margins.

Like in the previous example, there's only 15 minutes to take advantage of the deal.

4. Adore Me

Adore Me promotes one of their best-selling products in this timer popup. This time, the offer is valid for one hour and also includes free shipping and exchange as additional reasons to make a purchase.

5. Nora Gardner

Next Steps

Using countdown timer popups can boost online marketing efforts, aiding in cart recovery and sales spikes during limited-time offers. These prompts create urgency, prompting visitors to act fast. By applying the steps and best practices from this post, you can create campaigns that boost conversions and build excitement for your products.

Check out more guides to know how to convert visitors:

• Popup design guide [examples and how to create]

• 50+ website popup examples [from top ecommerce businesses]

• How to increase Shopify conversion rate [strategies and examples]