Divi Overlays

Divi Overlays gives Divi site owners a way to present extra content without adding it directly to a page. Build overlays with the Divi Builder and use them for content such as contact forms, image galleries, shopping cart previews, or other material. The visual editing workflow suits designers who want their overlays to fit the rest of a Divi site.

Choose a trigger to control when an overlay appears. Visitors can open one by clicking an element, or it can appear after a timed delay, during scrolling, or when exit intent is detected. Ready-made templates provide a starting point, and you can customize them in the builder. The plugin fits promotional and interactive content needs across Divi websites.

Features

• Divi Builder design: Create overlay layouts in the Divi Builder's visual editing interface, with control over the content and design of each pop-up or modal.
• Flexible overlay content: Add content such as contact forms, image galleries, and shopping cart previews to overlays, presenting information without placing it directly on a page.
• Click-based triggers: Set an overlay to open when a visitor clicks a page element, giving visitors a direct way to access its content.
• Automatic triggers: Show overlays after a timed delay, during scrolling, or when exit intent is detected, using the trigger that suits the interaction.
• Ready-made templates: Start with a prebuilt overlay template, then customize its layout and content in the Divi Builder.
• Overlay close controls: Visitors can close an open overlay with the Escape key, providing a keyboard-based way to dismiss it.

Best for

• Divi websites with promotional pop-ups
• Agencies building interactive Divi pages
• Sites presenting forms in overlays