Introducing

Divi Areas Pro 2.0

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 20.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.

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 very interesting 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.
  • 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.
  • 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.”

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

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

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?

    In order 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.

  • Have other questions?

    Check out 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

2.2.1.1 / 19 Nov 2020
  • In rare cases the Popups did not open due to Divi initializing the ReCaptcha module without a site-key.
2.2.1 / 17 Nov 2020
  • Typo in ReCaptcha code is fixed.
  • Fix a rare issue on iOS that would reload the website when a Popup was triggered.
  • The `background-repeat` CSS rule is now correctly applied to the background image of a Popup section.
  • Compatibility with the new responsive mode of Divi 4.7
2.2.0 / 11 Nov 2020
  • Define default conditions for an Area to trigger it only when all conditions are met. Each trigger can overwrite those conditions with custom values.
  • Schedule conditions to trigger an Area only on certain dates or days of a week.
  • Referrer condition to trigger an Area only when the visitor arrives from a certain referrer.
  • URL Param condition to trigger Area only when a certain URL param is present (or not present).
  • The “On Scroll” trigger can receive an element selector to show the Area when an element becomes visible.
  • We have made the Visual Builder integration (the “Popup-Tab”) faster and more stable.
  • Do not include the JS API for certain 404 results, such as missing images.
  • The collapsed Divi Area meta box now sticks to the top of the window.
  • The Area position is now reflected by the Visual Builder (left/center/right).
  • Removed the trigger type “URL Param” in favor of the new trigger condition with the same name.
  • Refactored automatic trigger code that results in up to 80% less inline JavaScript code.
  • New JS filter to add custom initialization code – `pre_init_area`
  • New JS API function `DiviAreaItem.isPrepared()` to check if an Area is fully initialized.
  • Inline Areas can be triggered via Exit-Intent.
  • Prevent the full-height mode for Areas that use the layout flag “Overflow: Show”.
  • Fix a bug where the “After Delay” trigger did not work with the value “instant” (after 0 seconds).
  • The content of Code modules in Layout Library templates is now correctly imported.
  • Calculate the correct height of multiline text fields in the Divi Area meta box.
  • The content of Areas with the “Never Clip” layout can be scrolled via the mouse wheel now.
  • The layout of Areas with a custom height is now corrected.
  • The Layout Library is now also available for new/unsaved Divi Areas.
  • The very first Layout Library sync will now start right after activating the plugin.
  • CF7 ReCaptcha is supported inside Popups.

See the full changelog