Introducing

Divi Areas Pro

Advanced Divi layouting!

  • Define custom Divi Areas to inject into any page
  • Advanced triggers to customize your popups
  • The perfect marketing extension for your website
  • Create custom headersfooters, mega menus and much more
  • Handcrafted UI to blend seamlessly into Divi

Unleash the 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. 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 documented code. This plugin keeps it simple and direct. We focus on your website, not about our plugin!

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 quirky, technical mumbo-jumbo.

Help and Priority Support

Every feature in the plugin has an inline help section. When you have a question, 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.

Batteries included:

This plugin already includes all features of our popular marketing plugin Popups for Divi! And so much more… keep reading to find out!

Time to get to know each other!

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

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

1.4.5 / 26 June 2020
  • 🐞 The close button does not trigger any scrollbars when hovered
  • 🐞 Popups are now always hidden when the page loads – in some cases, Popups inside Headers/Footers were visible right when the page loaded
  • 🐞 Click inside an open Popup does not try to re-open that Popup – i.e., fixed the “flickering issue.”
  • 🐞 Accordions and other interactive elements inside Areas are working again
  • 🐞 Plugin is compatible with Gravity Forms 2.4.18+
  • 🐞 Bullet lists now display bullets inside Popups
  • 🔥 Plugin now plays nice with SG Optimizer and WP Rocket
  • 🔥 The close button is now outside the Popup container and can be positioned anywhere, via CSS
  • 🔥 Minor performance optimizations in the JS code
1.4.4 / 12 June 2020
  • 🆕 Inline Areas can now be triggered like any other Area. And yes, they can dynamically replace any section on the page!
  • 🆕 The default shadow can now be disabled for Hover Areas
  • 🆕 All Areas can be triggered via CSS class. Not only Popups but everything!
  • 🆕 Some new methods in the JS class DiviAreaItem that are used by the JS API
  • 🔥 Click- and Hover-Triggers now support complex selectors, such as header [href="/shop"]
  • 🔥 Positioning of Hover Areas is much better; you could say, it’s correct now
  • 🔥 Some UI changes in the “Area Trigger” meta box
  • 🐞 The close button now works in Inline Areas
  • 🐞 We found and fixed a problem with the Visual Builder when inserting Popups into blog posts
  • 🐞 There were some nasty typos that possibly caused some rare bugs
  • Minor: Of course, improved some parts of the code, especially lots of comments 🙂
1.4.3 / 5 June 2020
  • 🆕 Click triggers can be added to a Row or Section. The plugin now supports virtually any Divi “Link” field!
  • 🆕 Inline Areas are now injected into custom layouts that were designed with Divis Theme Builder!
  • 🔥 Divi Cache is now automatically cleared when a Divi Area is modified
  • 🔥 The loader code is now an inline script in the header. That adds compatibility with caching plugin, such as SG Optimizer or WP Rocket
  • 🔥 Popup content always expands downwards when a scrollbar is visible – for example when using Accordions inside a Popup
  • Minor: Code cleanup and improvements

See the full changelog