Overview of Layout-Types
In Divi Areas Pro you can choose between four Layout-Types. Each Layout-Type has slightly different configuration options and distinct behavior.
This page gives you an overview of those types and explains important differences between them.
A popup is initially hidden and can be displayed in different events which are usually defined via Automatic Triggers.
When a Popup is displayed, it is usually centered on the screen and hides the content below it. It grabs the attention of the user and requires a user-interaction to close it.
Key Features for Popups
A Fly-In is either a narrow section that slides in from the left/right side, or it can be displayed as a full-width bar that sits at the top or bottom of the screen.
The Fly-In is fixed on the screen and covers any text behind it. However, it is not modal, so the user can continue to use the page and might even ignore the Fly-In completely.
Key Features for Fly-Ins
Hover Areas are initially hidden and are displayed when the user clicks on an element or hovers above it.
Every Hover Area is "attached" to another element on the page. While the Area is displayed, it is aligned to that element. This makes Hover Areas an ideal solution for mega menus or tooltips.
Key Features for Hover Areas
An Inline Area is displayed anywhere inside the page content. It does not float above other content and behaves just like a regular Divi Section.
When creating an Inline Area, you have the choice to make the Area either static or dynamic.
Key Features for Inline Areas