Area Type: Fly-In

  1. Home
  2. Knowledge Base
  3. Documentation
  4. Usage
  5. Area Type: Fly-In

Characteristics

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!

Notes

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 Content

Related Articles