First Impression of Divi Areas Pro
Editorial Note We may earn a commission when you visit links from this website.

First Impression of Divi Areas Pro

Ria du PlessisNewsDivi Areas Pro

This is a review of my first contact with the Divi Areas Pro plugin. You can follow along, to see the steps I took to create my first Popup using that plugin.

Here’s what I want to test today: Let’s see, if I can create a new Popup that is displayed to visitors after a short delay on a single page only.

Create a Sample Page

Since I want to display my first Popup on a sample page, I start by creating a new, blank page. I only enter a page title and publish it without making any other change on that page.

My sample page. I like to keep things simple and clean.

Activate the plugin

I upload and activate the Divi Areas Pro plugin.

Upload and activate the plugin. You know the game…

Next, I’m taken to a “Welcome” page of the plugin. Here I enter my license key to activate Divi Areas Pro on this website.

After activating the plugin, I’m greeted with a “Welcome” page.

Yay! My Divi Areas Pro plugin is now activated and we’re ready to start using it.

All done, ready to use the plugin.

Create the first Area

You will make use of the Divi Builder to create your unique layout. This can be a popup, a fly-in, or any special area you would later like to import on a page or section of your website.

Let’s start to design a fresh Divi Area and turn it into the desired Popup.
My first Popup will look like this

After I designed the contents of my Area, I need to configure the features to make the Area behave like a Popup that shows up after a short delay on my sample page:

I make sure to select the Area Type “Popup”

Creating a popup like in this example, will give you the opportunity to set certain guidelines on how you want the popup to behave. You can set up a trigger that will tell the popup when to appear on a certain page.

The automatic trigger which I chose to display the Popup after a short delay
Configure the page rules, to display the Popup on a single page only

That’s everything I want to change, so I click the “Publish” button to save and publish the Area.

Summary of Divi Area config

  1. Area Type: Popup
  2. Add the following Automatic Trigger: After Delay / 2 sec
  3. Enable Page Limitation
  4. Select Page Rules: “Specific Pages: Test Page” (that’s the empty page I created in the very first step)

Let’s test it

In the final step, I want to test the Area. I open the sample page and wait for 2 seconds. And here is the final Popup that is displayed:

The Popup is displayed after 2 seconds
Learn more about Divi Areas Pro

Final thoughts from a developer

This is an amazing plugin and I would recommend this to any of my developer-friends, but it’s also a great fit for non-developers! It’s so easy to use and works perfectly without any flaws. The plugin gives you a lot of freedom as to what you want to add to your Popup, as it works with the Divi Builder. It’s not necessary to have any coding knowledge to be able to use this plugin. Well done, divimode 👍

More Articles You Will Like