How to Create a Countdown Popup in Divi

Countdown popups are among the best tactics to spark urgency for your Divi website and motivate target customers to take action for a specific offer.

Whether you’re launching a sale or want to promote a product, a countdown popup can notify users that if they miss out on the deal now, they won’t get a better opportunity after the time is up.

If you’re looking to add a countdown popup to your Divi website, then in this blog post, we will show you the steps to do that easily. Ready? Let’s begin.

Table of Contents

What Is a Countdown Popup?

Are you using data to time and trigger popups, but still not getting the desired conversions?

Including a timer within the popup can be extremely helpful! It can encourage customers to take action immediately by creating a sense of urgency and convincing them to act on the spot.

Christmas Countdown Popup
Keyportal.ch

The basic notion behind using countdown popups is employing FOMO to encourage website visitors to take advantage of what is offered. However, you need to be careful not to create an overkill.

Namely, too many FOMO phrases and countdown timers can overwhelm users, which means that when you use them, you need to be mindful of how frequently they appear on your Divi website.

Do You Need to Use a Separate Countdown Plugin?

If one Divi popup plugin can help you create any type of popup for your Divi website while keeping all the modules and functionalities of Divi available to you, why bother installing another one, right? 

And that’s Divi Areas Pro, our Premium Divi Popup Plugin.

The Divi Areas Pro Plugin

Whether it’s a countdown popup or something else, no matter the requirements or your website project, Divi Areas Pro is ready! Features include:

  • Seamless Divi Integration and Support
  • Smart Compression and Performance
  • Multiple Popup Trigger Settings
  • Conditional Content Options
  • Rich Divi Areas Layout Library

It provides you with an entire collection of Popup triggers and a complete Layout Library to add Popups in no time. If you haven’t used Divi Areas Pro before, or any popup plugin for Divi for that matter, it will become the only Divi popup extension that you’ll need!

To learn more about Divi Areas Pro and its features, visit the Official Divi Areas Pro page. To use the complete palette of premium features, the lowest-priced tier is our $67-per-year plan that includes all the features above and much more. Don’t miss out!

Creating a Countdown Popup with Divi Areas Pro

Let’s use Divi Areas Pro to create a countdown popup that displays a sale timer.

First, if you haven’t used Divi Areas Pro, make sure to get a subscription now and install it on your Divi website.

Then, head to the Divi Areas Pro dashboard, add a new Divi Area, and name it accordingly. At this stage, the first thing that you’ll need to do is create the popup content. 

So, let’s go over some quick steps to help you prepare the countdown popup.

First, set the background and the box shadow for your Divi Area. If there’s a particular theme that you want to address with the countdown popup, for example, a Christmas Sale, you can choose a related background color, graphic, or image.

The next step would be to add content to your popup, where the countdown should be prominent and next to the action button. 

Begin with the headline that highlights your offer. For example:

Now, add a new row, set the content position to the middle, and insert a Countdown Timer module.

Adding a Countdown timer to our Countdown Popup

Inside the Countdown Timer module settings, define the expiry date and time for your offer, and play around with the customization settings to create the preferred design and feel of the popup.

Afterwards, you can add the CTA button, and voilà, with little customization, you can use Divi Areas Pro to create a great-looking popup.

A Christmas Sale countdown popup created with Divi Areas Pro

Now, to use the countdown popup correctly, you’ll need to configure the popup’s trigger that would display the popup after the user clicks on a specific button.

Inside your Divi Area dashboard, scroll down to the settings, and designate the Area as a Popup.

Setting the popup type for our countdown popup

Next, navigate to the ‘Trigger’ options and navigate to ‘Automatic Triggers’, choose the ‘After Delay’ trigger, and set the delay time before the popup appears.

Setting the trigger to the countdown Popup

Now, you’re all set and ready to publish the Area and use the countdown popup. As soon as you click on the ‘Publish’ button, you can immediately test the popup on your Divi pages.

Countdown popup created with Divi Areas Pro

Creating a countdown timer popup with Divi Areas Pro is effortless. All you have to do is customize the content and the popup settings, and you’re good to go.

Over to You

With Divi Areas Pro, you can add countdown popups on your Divi website quickly and easily. You can create timely campaigns to boost your conversion rate, generating leads and driving more sales as a result.

We hope you found this short tutorial useful. Now that you know how to create great countdown popups, you can use Divi Areas Pro to boost sales for the Holidays season and beyond!

Try Divi Areas Pro today

Sounds interesting? Learn more about Divi Areas Pro and download your copy now!
Many pre-designed layouts. Automated triggers. No coding.

Click here for more details