Introducing

Divi Areas Pro 3

The Ultimate Divi Extension

Create Popups, Fly-Ins, Hovers, Mega Menus, conditional inline content and much more, using a beautiful and flexible UI

Unleash The True Power Of Divi

Create interactive content

Go beyond sections and rows. With Popups, Tooltips, Fly-ins and dynamic Inline Areas you can create truly interactive content, as never before!

Conditional content

Whether you want to display a Popup on certain pages or show a contact form only to logged-in users: Display Conditions are part every Divi Area.

Custom triggers

Fine-tune the trigger of every Area: Show it after a few seconds, when scrolling down, on exit-intent or when hovering a certain element, … or even create complete custom triggers in JavaScript. It’s your choice.

Top-notch compatibility

Divi Areas goal is to support every Module that is available in Divi. It plays well with the Divi Builder plugin, WooCommerce, the Extra theme, and more.

Powerful API

At the foundation of the plugin is a battle tested, highly flexible API that you can integrate into your theme to take your website to the next level.

Clean and Lightweight

No junk in your admin-dashboard. Clean and well-documented code. This plugin keeps it simple and direct. We focus on providing your a cutting-edge tool that feels like it was always a part of Divi!

Seamlessly blends in with Divi

The UI looks so familiar to Divi, you (or your client) will not even notice that you installed a new plugin! No learning curve, no CSS classes to remember, no quirky, technical mumbo-jumbo.

Help and Priority Support

Every feature in the plugin has an inline help section. When you have a question you can get in touch via the Live Chat on our website.

Frequent Updates

There’s a lot on our roadmap, and we also listen to our customers. Count on fast bug-fixes, stable code and frequent improvements.

Created by the company behind the free plugin Popups for Divi – which has more than 50.000+ active installations, and is possibly the most popular Divi Extension.

However, Divi Areas Pro is much more than just a premium version of Popups for Divi. It’s a new way to design websites!

Meet the all new Divi Areas Pro!

It has never been easier to create interactive content in Divi. See for yourself.

Divi Areas Pro Post-List

Move freely

Move the Divi Area settings around the screen, like any other Divi metabox.

The plugin remembers the metabox layout and restores position and size when you edit your next Area.

Attach Box

Attach the Divi Area settings to the page, like a traditional WordPress metabox.

Minify Box

Move the Divi Area settings out of the way and stick the box to the top of the screen.

You can still move the minified box left or right, but it will always stick to the top of the screen:

Divi Areas Pro Minified Metabox

Resize Box

Resize the metabox to suite your needs.

The plugin remembers the metabox layout and restores position and size when you edit your next Area.

Familiar UI

Customize your Popups, Fly-Ins, Hover Areas and Inline content using the familiar Divi interface.

Divi Areas Pro Post-List

Detach Box

Detach the Divi Area settings into a floating metabox, and collapse the settings if you don’t need them right now.

Drag Box

Drag the metabox to a different place in the sidebar and move it below the Divi Builder.

Scrollable Tabs

Scroll through available tabs to access all settings, even when the metabox is inside the sidebar!

Unit Selector

Use the Unit-Selector to quickly switch between available units.

Divi Areas Pro Unit-Selector

Divi Areas Pro Post-List

Type Filter

Filter your Areas by type (Popup, Fly-In, Hover, Inline)

Category Filter

Use custom categories to organize and filter your Areas. Create as many categories as you want. Divi Areas Pro supports nested categories.

Area Overview

Get a quick overview of common Triggers and the Area Type without opening the Visual Builder.

Usage Tracking

Find out which Areas are your top performers with the built-in usage tracking.

You can see, how often an Area is triggered and how long it is displayed on average.

Click on any value to see a chart with more details:

Divi Areas Pro 3 Usage Details

Divi Areas Pro Post-List

Layout Types

Change the Layout Type of the current Area with a single click. Every Layout Type behaves differently and has slightly different options.

Divi Areas Pro Layout Types

In-App Help

Every option comes with an in-app help text

User Role Selector

Display an Area only for certain users.

Page Rules

Define, which pages should load this Area using the flexible Page Selector.

Divi Areas Pro Page Rules

Divi Areas Pro Post-List

Close Behavior

Customize how your Area can be closed.

Note, that each Layout Type (Popup/Fly-In/Hover/Inline) has different close options.

In-App Help

Every field has an in-app help text to help you better understand the available options.

Keep Closed

Mark an Area as “closed” for a certain period of time. The Area will not trigger again while marked as “closed.”

Divi Areas Pro Keep Closed Options

Divi Areas Pro Post-List
Divi Areas Pro Post-List

Date Range

Define one or more date-ranges during which the Area is active.

You can even specifiy the exact start- and end-time of each campaign.

Weekly Interval

Automatically activate your Area using a recurring weekly interval.

You can create multiple rules for each Area, in case you want to use different start- or end-times for each day.

Divi Areas Pro Post-List
Divi Areas Pro Post-List
Divi Areas Pro Post-List

Built-In Triggers

Select any of the built-in Triggers:

Divi Areas Pro 3 Trigger Types

Trigger Description

Every trigger shows a brief description that explains how it works or what’s special about it.

Trigger Options

Every trigger has different customization options. Use them to fine-tune the trigger behavior to your needs.

Trigger Conditions

You can choose to define custom conditions that only apply to a single trigger.

Available conditions:

Divi Areas Pro Trigger Conditions

Divi Areas Pro Post-List

Modern UI

The clean and familiar UI combines the best practices of WordPress and Divi.

You feel at home, right from the first click!

What’s new?

Stay up-to-date with the integrated changelog and news feed.

Widgets

Smart widgets help you keep an overview of your content.

Customize your Dashboard by rearranging or collapsing widgets.

Helpful content

Documentation and online help right where you need them!

The dashboard displays useful links to your divimode account, knowledge base, and more.

Knowledge Base

Access the plugins Knowledge-Base via the built-in help beacon.

Four Layout Types. Infinite Possibilities.

With Divi Areas Pro you can do much more than just Popups. Click any icon to see a demo.

Popups

Possibly the most popular Layout Type. Popups display an overlay and disable scrolling of the page.
Show Demo

Fly-Ins

Sticks to any side or corner of the screen. Fly-Ins do not show an overlay and do not block the page.
Show Demo

Hover Areas

Similar to a Tooltip, can be used for Mega Menus. Hover Areas are always positioned next to their trigger-element.
Show Demo

Inline Areas

Displays content like normal Sections somewhere inside your page. Great for Ads or conditional content.
Show Demo

Full Feature List

  • Create individual Popups
    Turn any Divi Section into a Popups, right inside the Visual Builder. Easy as pie.
  • Create global Popups
    Prepare advanced Popups in a new Admin Area, the plugin automatically inserts the Popups on the pages that need them.
  • Unlimited Areas
    Divi Areas Pro supports multiple Popups, Fly-Ins and other Areas at the same time.
  • Fly-Ins
    A Fly-In slides into the screen and stays visible without blocking the rest of the page.
  • Hover Areas
    Create Mega-Menus or Tooltips using Hover Areas. They are always attached to a visible element on the page.
  • Inline Areas
    Insert or replace content on any page, using Inline Areas. You could add a banner at the end of every blog post, or insert a message to logged-out users.

Area Behavior

  • Time-based triggers
    Create Popups that are opened after a certain duration. You can even set the duration to “0.0” to show a Popup instantly when a page is loaded.
  • Scroll-event triggers
    The scroll-event is a clear engagement indicator. Want to show a newsletter subscription form, when the user scrolled down 60% of the page? No problem! Define a scroll-distance either in percent or pixel.
  • Exit-Intent trigger
    Displaying Popups right before a visitor leaves your page has never been easier. Enable the Exit-Intent behavior and Divi Areas Pro will do the rest.
    (Exit-Intent works on all devices with a mouse)
  • Back-Button trigger
    Intercept the back-button click and display a Popup or Fly-In instead. Reliably works on every device.
  • Click and hover triggers
    The classical: Open a Popup when the user clicks a button or image. Or anything else. Specify a CSS ID or Class and sit back.
  • Keep Area Closed
    With only two or three clicks, you can keep a Popup or Fly-In closed for the rest of the day. When your visitor refreshes the page, they will not see the Area again for the defined duration.
  • Built-in Close Button, or custom Close Button?
    There are different ways to close a Popup. Like pressing the Escape-Button on your keyboard, clicking on the background overlay, or using the built-in Close Button in the top corner of the Popup. Of course, you can also disable the Close Button and create a custom Close Button.

Area Conditions

  • Target posts or pages
    Select individual pages or posts that should show (or not show) a Popup.
  • Target devices
    It’s easy to disable an Area on a device-type via the familiar “Desktop,” “Tablet,” “Mobile” options.
  • User Role conditions
    Divi Areas Pro allows you to display Areas based on any user role. That way, you can show different content to guests than to logged in members.
  • URL and Referrer checks
    Enable Areas when a certain URL parameter is present, or when the visitor arrives from a specific referrer, like a search engine.
  • Powerful Inline Conditions
    You have the choice to display Inline Areas “Before,” “After,” or “Instead Of” any other Divi Section.
  • Flexible Inline Locations
    Either replace a section by CSS ID or Class, or by the position, like  “After the 1st Section”. You can also inject Inline Areas into Theme Locations, like “Header,” “Main Menu,” “Footer,” “Post Content,” or “Comment Form.”
  • Date Conditions
    Display an Area during a date-range or define a weekly schedule. Date conditions are verified with an Ajax request and are compatible with every caching plugin.

Integrations

  • Works with Divi Theme and Divi Builder Plugin
    Initially built for the Divi theme, the plugin now works with all themes that use the Divi Builder plugin.
  • Hooks, Filters, Debug-Mode
    As a WordPress developer, you will love the way. You can hook into the plugin core to customize options and features. Turn on the Debug Mode to output un-minified code and see what the JS API is doing (and how to intercept those actions).
  • WooCommerce Integration Need to display Popups inside WooCommerce product pages, the shopping cart, or during the checkout? No problem!
  • JS API The powerful JS API allows you to use the plugin for anything you like. Here are some things we have seen: Create dynamic Popups via JavaScript, load Popup contents via Ajax request, track Popup interactions in Google Analytics, and more

Use it with Your Favorite Page Builder

Divi Theme by Elegant Theme

Divi All-in-One Theme

We always develop and test our plugins with the latest Divi theme.
Extra by Elegant Theme

Extra Magazine Theme

Detailed release tests verify full functionality on the Extra theme.
Divi Builder by Elegant Theme

Divi Builder Plugin

Use our plugin with any theme using the Divi Builder plugin!

Level up your Divi today

Get Divi Areas Pro!

AnnualLifetime
  • Create unlimited Areas
  • Use any Module and Divi option inside your Areas
  • Access all custom triggers and behavior options
  • Our plugins are 100 % GPL compatible
  • Priority Support and Live Chat
  • 30-Day Money-Back Guarantee

Note: This plugin is an extension for Divi. You need to have a copy of the Divi theme, Extra theme, or the Divi Builder plugin to use it.

30-Day Money-Back Guarantee

Purchasing our plugins should not be a gamble! Get it and test it on your own website. Risk-free and without pressure. That’s how it’s supposed to be.

All plugins come with a GPL license

We have the same license terms as WordPress and Divi: You can use the plugin on an unlimited number of websites for yourself and clients.

Priority Support

We offer priority Support via email and Live Chat to all active members. Have any questions? Hit that chat bubble in the bottom corner and let’s talk…

★★★★★

Divi Areas Pro is a premium WordPress plugin that supercharges your Divi website with professional and smart marketing features!

It is written with focus on ease of use, performance, and flexibility.

Frequently Asked Questions

Do I need to renew my license?
To continue receiving support and updates, your license needs to be renewed yearly. For your convenience, all purchases will auto-renew. You can cancel at any time.
What happens when my license expires?
Even when you do not renew your license, you can continue to use the plugin on all your websites for the rest of your life!
Can I upgrade my license later?
You can easily upgrade your license at any time from within your account. You will automatically be pro-rated the new amount.
Do I need to also install Popups for Divi?
No, Divi Areas Pro is a stand-alone plugin that includes all Popups for Divi features. To use Divi Areas Pro, you only need either the Divi theme or the Divi Builder plugin. If you have Popups for Divi, you can safely disable it after installing Divi Areas Pro.
Do you offer refunds?
Yes! You are fully protected by a 30-Day Money-Back Guarantee. See our refund policy.
Do you have other questions?

Have a look at the Divi Areas Pro Documentation for more details or contact us for details.

Bring your Divi Experience to the next level, now!

Developed by one of the worlds leading WordPress developers, with over a decade of experience in plugin development and a passion for creating superior user experiences.

* You are protected by a 30 Day Money Back Guarantee

Changelog

Version 3.0.3 7 July 2021

  • Compatibility with WP Rocket 3.9.
  • PHP 8 compatibility.
  • Address error in plugins uninstall.php script.
  • Pinch-Zoom works while Popup is open on mobile devices.
  • Popup contents that have “overflow: scroll” can be scrolled via the mouse wheel.

= Version 3.0.1 =

  • Display a warning in wp-admin when no Divi theme/plugin is active, or if it’s outdated.
  • Integrate other divimode admin notifications.

Version 3.0.0 17 June 2021

  • Changed structure of admin-menu, new icons and settings page layout. Don’t like the new menu? Switch to the classic menu via the plugins Settings page.
  • A new plugin dashboard displays the changelog and important details inside widgets.
  • GDPR-compliant usage tracking for all Areas!
  • The “All Areas” page displays usage stats and additional details about each Area.
  • The “All Areas” page can be filtered by Area-Type.
  • Automatic trigger for “Back Button” that intercepts clicks on the browsers back button.
  • Major improvements in the JS API for more reliable and flexible Area behavior.
  • Additional help texts inside the plugin.
  • Option for “Start Closed Timer” works as expected.
  • Responsive options for Area dimensions are correctly saved.
  • The Divi Builder plugin correctly applies Popup dimensions.
  • Removed debugging output in JavaScript console.

See the full changelog