Area Type: Fly-In


A Fly-In works very similarly to a Popup : It is initially hidden and can be displayed by a variety of events that can be defined via automatic triggers – including scrolled and time-based events.

They are a highly converting and non-disrupting alternative to Popups, because they are not modal.

Fly-Ins are always aligned to an edge of the viewport and do not move while the user scrolls.

A Popup can be displayed once only (for example after a few seconds) or multiple times (for example every time a user clicks on a specific button).

Possible Triggers

Fly-Ins support all triggers that are available in Divi Areas Pro.

Usage examples

Fly-Ins are often used to collect email addresses (newsletter subscription).

Because they are not modal, users do not find them as distracting as Popups. As a result, people do not close them right away and therefore have a longer exposure time, which in turn increases the conversion rate!


By setting the width of a Fly-In to “100%” (or 100vw) you can easily create a notification bar that spans across the entire width of the browser viewport.

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Get in touch with us