Divi Areas Pro

Changelog
2.1.2 / 29 Oct 2020
  • A smarter Area initialization allows the use of dynamic content (such as Ninja Forms).
  • The welcome page shows an accurate changelog after updates.
  • The preview of Divi Areas is more accurate.
  • If licensing fails, a new error code is displayed inside the license nag on the settings page.
  • New JS filter to dynamically change an Areas z-index – `apply_z_index`
  • New JS filter to adjust Area initialization – `area_preparation_time`
  • The JS API function DiviAreaItem.getData() does not require a parameter anymore.
  • Fixed the bug with the empty Page Rules dialog when editing Divi Areas!
  • The z-index is correctly applied again.
Learn more
2.1.1 / 22 Oct 2020
  • Areas can be triggered via URL hashes.
  • The “Overflow” layout option is previewed in the Visual Builder.
  • The Layout Library now is displayed correctly when creating a new Divi Area, before saving it the first time.
  • Improve the full-height calculation of Popups
2.1.0 / 19 Oct 2020
  • We have launched our layout library! Use any of our pre-built Areas that come fully configured 🎨
  • Portability support for Divi Areas! You can export and import Area settings (type, triggers, behavior, etc)
  • Added the “Overflow” Layout option for Divi Areas.
  • Area sizes are more accurate when using Divis responsive sizes.
  • Images inside Areas are instantly loaded in Chrome (fixed a lazy-load bug).
  • Area size is re-calculated when the Area contents change, e.g. when an accordion is opened or closed.
  • When a Popup is opened, scrolling is disabled in all browsers without shifting the content!
  • New WP filter to define “active” Divi Areas divi_areas_pre_get_all_areas
  • New WP hooks for Area preview – divi_areas_can_preview_area, divi_areas_preview_redirect_url, divi_areas_show_preview.
  • New WP hooks to customize Area output – divi_areas_get_area_flag, divi_areas_prepare_area_js_code, divi_areas_prepare_area_triggers, divi_areas_prepare_area_js_parts.
  • New JS action that fires when an Area was resized resize_area.
  • New JS action to customize screen-position of an Area position_area (not available for Inline Areas).
  • Full-Height Popups can be scrolled again in Safari/iPhones.
  • Hover Areas are positioned correctly on all pages.
  • The error “Invalid position: center-center” was thrown by Hover Areas in some cases.
  • Remove a duplicate toggle-button from the Divi Area meta boxes.
  • Correct the full-height mode for Fly-Ins.
  • Bug in the Divi Area Page-Rules selector is fixed which displayed an empty page-list when editing an existing Area.
2.0.2 / 30 Sept 2020
  • Add a toggle in “Settings > Front End” to disable plugin cache for development or debugging.
  • Page Rules are working again
  • Lifetime licenses do not display an expiration date in the plugin settings anymore.
  • WooCommerce pages now display all available Popups, not only the first one.
2.0.1 / 28 Sept 2020
  • Plugin does not break your website when Divi is deactivated.
  • Correct a Page-Rule logic that only evaluated the first rule of a given type.
  • Scroll to percent logic works again.
  • Device conditions in automatic triggers are now working with minified js.
  • Divi Areas work with IE 11.
  • On-Page Popups were accidentally hidden inside the Visual Builder after saving the page the first time.
  • New template function to validate the current Visual Builder version: divi_area_vb_version()
  • New JS API function to identify an Area: DiviAreaItem.hasId()
2.0.0 / 3 Sept 2020
  • We have refactored the entire plugin!
  • A new welcome page will be displayed after every plugin update to inform you about changes
  • All Areas will now generate truly unique CSS classes to avoid any layout caching conflicts
  • We have introduced new trigger types: On Inactivity, On Browser Focus, With URL Parameter
  • The Visual Builder displays a preview of the Close Button (only in the Divi Areas editor)
  • New configuration options for Area width and height for even more flexibility
  • The plugin now uses Divis Theme-Builder logic to let you choose which pages should include (or exclude) an Area
  • Use the brand-new Categories to group and filter your Divi Areas!
  • A new dynamic script generator generates highly optimized and reliable JS trigger code on-demand
  • Improved inline documentation and help
  • The Keep-Closed behavior has a new “Start Closed-Timer” option
  • The Inline Area injection logic has become more reliable and flexible
  • New logic to calculate Area size and position
  • Popup text is no longer blurry in Windows browsers
  • Deprecated the “full-width” class, because it’s not used anymore
1.4.6 / 14 August 2020
  • WordPress 5.5 compatibility changes in Area editor and settings page
  • In some cases, the Google reCaptcha inside a Popup would throw a JS error upon page load
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
  • 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
  • Code cleanup and improvements
1.4.2 / 27 May 2020
  • Default z-index of Popups now is “1000000” (that’s one “0” more than before) to display Popups above a Full-Page menu
  • The DiviAreaConfig object is output in the page header so that values can be overwritten via JS in the page body
  • When a popup is triggered inside a Full-Page menu, the menu is closed while the Popup is opened
  • Optimize the Area display code for faster and cleaner display logic
  • Now we support Popup triggers on any page (like shop pages or blog archive) and any element (like menus or footers)
  • Full support for the Newsletter Module – the module did not work when used inside a Divi Area, though it worked in Popups for Divi
  • Inline Areas are displayed correctly again
  • The default Popup fade-in animation works again
  • A Bug that would permanently disable scrolling of the page, when a Popup was closed while the background was still fading in
1.4.1 / 23 May 2020
  • The minified JS snippet for Divi Area injection threw a JS error
  • When editing a Divi Area, the “Delete” icon in the post/page list did not work
  • Editing a Divi Area will now hide invalid position options, depending on current Area type
  • Custom Popup width now works on WooCommerce pages
  • A PHP 5.6 error in the updater module is fixed
  • Hide the “Saved templates” menu item when Divi is not active
  • License key can be set via the wp-config constant DM_DIVI_AREAS_LICENSE
  • Many small changes throughout the plugin
1.4.0 / 21 May 2020
  • Fully refactored JS API that is fully documented on https://divimode.com/knowledge-base/
  • The JS configuration object changed its name to DiviAreaConfig (formerly DiviPopupData)
  • Some CSS class names have changed, e.g. “evr_fb_popup_modal” is now “da-overlay”
  • JS class DiviAreaItem that represents a single Area (e.g., a Popup)
  • JS API function: DiviArea.getArea()
  • JS API hooks: area_wrap, area_close_button, refresh_area, init_overlay, reorder_areas
  • Split the JS API into two files – a minimal loader that is enqueued in the header, and the rest of the API which is enqueued in the footer
  • Support for the Divi Builder Plugin is even better, cases of missing CSS styles are fixed
  • When a Popup is opened, the scroll bars of the page stay visible
  • Some script debugging options were incompatible with WordPress’ new block editor
Here is a full list of all API changes in this update: https://divimode.com/api-1-2-0-changes/ 1.3.1 / 11 May 2020
  • JS API does not include deprecated function observe()! Use addAction() or addFilter() instead
  • details in the Updates tab of the plugin settings give you clear details on available updates
  • integration into the “Check Again” button of WordPress to manually check for plugin updates
  • the updater-module to check for updates more frequently and smoothly work with the latest WordPress version
  • the JS API further and expose additional functions
  • triggers on Modules: Links inside modules are treated as normal links, not as popup triggers
  • the blur effect of the background overlay after the WooCommerce changes broke it
  • exit-intent Popup logic to recognize the “Keep Closed” setting
  • bugs on some WooCommerce and Divi Builder archive pages
1.3.0 / 8 May 2020
  • correct Area layout on WooCommerce pages
  • compatibility with the Divi Builder plugin
  • Exit-Intent logic so that multiple exit-intent popups are displayed one by one instead of all at once
  • JS API: The DiviArea object exposes additional functions
  • the minification of CSS files to generate ~16% smaller CSS files
  • console error that said could not load style.css.map
  • the “Close other Popups” behavior, so now it will really close other popups
  • some minor bugs in the popup behavior
1.2.4 / 26 April 2020
  • new JS API DiviArea.addActionOnce()
  • a warning that showed up for logged-in users when WordPress runs on a Windows Server
1.2.3 / 20 April 2020
  • the new option “Show Loader” to the Popup Tab to better support iframes inside the Popup
  • input of Popup ID in Visual Builder to prevent invalid characters
  • code structure for better unit testing and quality assurance
  • some more JS errors that happened with specific versions of PHP/WordPress
1.2.2 / 18 April 2020
  • better onboarding: Redirect user to license page on first plugin activation
  • better JavaScript error reporting in the dev console
  • a PHP 5.6 error on the plugins settings page
  • a rare JS error that was caused by wrong load-order of JS libraries
  • error that was raised when the plugin was activated on a site that did not use Divi theme or Divi Builder plugin
1.2.1 / 30 March 2020
  • PHP notices and an error in the plugins settings page
1.2.0 / 12 March 2020
  • a brand-new Tab to the Visual Builder that allows you to configure all popup details using Divi! No more class names in the Frontend Builder 🥳
  • an error when saving an element to the Divi Template Library in the Frontend Builder
1.1.0 / 10 December 2019
  • admin UI in WordPress 5.3
  • developer integrations by providing new filters/actions
  • and refactor the admin UI as preparation for future updates
  • scroll bars in Popups that are taller than the screen height
  • position of full-height popups that were displayed too far up on the screen
  • a JS error in the options panel “Display: On Posts/Pages”
  • the JS trigger description to display the correct snippets
  • some typos in the admin UI and help
1.0.0 / 2 November 2019
  • support for Hover Areas! 🥳
  • support to save any Divi Area to the Divi Template Library
  • full editing support to the Divi Template Library: Edit all Area settings in the template.
  • close-button-support for Inline Areas
  • two custom close-conditions with an optional close-delay for Hover Areas
  • four positioning options and a new z-index field for Hover Areas
  • a new “Max-Height” option for all Areas
  • a new option on the Settings page to enable the script-debug mode for un-minified JS
  • the admin UI stability (e.g., the number input fields had a rare rounding bug)
  • the outputted JS code further
  • developer integration by adding more WP action hooks/filters and API functions
  • a bug where the Popup overlay was hidden too early when displaying more than one Popup at once
  • wrong zIndex values when displaying multiple Areas at the same time
0.5.0 / 18 October 2019
  • support for the brand new Fly-in Areas
  • a new “Area Position” meta box for Popups and Fly-ins
  • a new tab on the Settings page to enable the JS debug-mode
  • support for SCRIPT_DEBUG to output un-minified JS code in the page footer
  • the JS API. We rewrote the API from ground up with tons of features and enhancements: Detailed debug logging, an all-new DiviArea base object with support for WordPress-like hooks, and much more!
  • the positioning and display of meta boxes in the Divi Area editor
  • the display order of Divi Areas in the front end
  • some glitches in the JS script that triggers Divi Areas
  • the User-Role conditions
0.4.2 / 9 September 2019
  • an issue that prevented advanced Popup triggers from firing (timed, on scroll)
  • animation glitch in Safari/iPhone that displayed the Popup too small when using Divis “Zoom” open animation.
  • logic that did not recognize Popups with upper-case letters in the Popup IDs.
  • issue with transparent Popup background.
  • the CSS rule that allows custom box-shadow styles.
0.4.1 / 5 September 2019
  • a JS error that prevented Popups from opening in Firefox, Safari, Edge
0.4.0 / 27 August 2019
  • Popup behavior: The size now matches the width of your Divi section! 🤩
  • the default layout of Popups have no box-shadow. If you want a shadow, either add the class with-shadow to your section or use Divi to apply a box-shadow to the section. Style it your way!
  • full support for the Inline-Area type!
  • new meta box to configure the Inline-Areas location
  • option to inject Inline-Areas into Theme Locations: Header, Main-Menu, Post-Content, Comment-Form, Footer
  • option to inject Inline-Areas before/after certain Divi sections inside the post/page content – via class or ID selector
  • new meta box to customize the Divi Area layout
  • option to customize the Area width, enable the box-shadow and dark-mode (Close Button)
  • support for URL triggers via the Blurb “Content Link”
  • the Popup behavior “Close other Popups”
  • two new settings to customize the Divi Area editor
  • new WP filter options to customize dark-mode and box-shadow style
  • the description and inline-help for some options
  • minor improvements of the Admin UI
  • select list behavior in Firefox
  • Popup width on iPhone 6 and earlier
0.3.0 / 18 August 2019
  • option to hide the close button and make the popup modal
  • option to keep a popup closed for s certain period
  • inline help for all Area options and settings
  • an option to use the Area slug as an alternate trigger ID
  • Popup triggers, esp the scroll and exit-intent
  • Many small improvements and fixes behind the scenes
0.2.0 / 9 August 2019
  • a settings-page to the plugin
  • automatic plugin updates via the WordPress plugin updater
  • the Popups for Divi JS library to the plugin to use it independently
  • a new Behavior meta box to control the Close Button
  • the admin UI to feel more like Divi
0.1.0 / 14 July 2019
  • a new admin section to create Divi Areas
  • UI to customize Area display conditions and triggers
  • display conditions to target page/posts
  • display conditions to target devices (mobile, tablet, desktop)
  • display conditions to target user roles
  • triggers to show popups on click, hover, scroll, exit-intent and time delay

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.

Try Divi Areas Pro

* You are protected by a 30 Day Money Back Guarantee