Divi Overlays Plugin: A Feature Deep-Dive Into Popups, Full-Screen Overlays and Lightboxes
Most Divi websites eventually need something that appears on top of the page: a discount announcement, a newsletter signup, a video that opens in a lightbox, or a full-screen menu that takes over the whole viewport. The usual way to get there is to install a separate popup plugin, learn a second interface, and then wrestle with styling so the popup does not look like it came from a different website. Divi Overlays takes a different route. It is built by DiviLife and it lets you design popups, full-screen overlays and lightboxes visually, inside the Divi Builder you already use for the rest of the site.
This article is a feature deep-dive. Instead of a generic sales pitch, it walks through what each part of the plugin actually does, how the different overlay types differ from each other, and — just as importantly — the situations where you should not use a popup at all.
Buy Divi Overlays Plugin: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.
What Divi Overlays Actually Builds
At its core, Divi Overlays adds a new kind of content to your Divi site: an overlay. An overlay is a layout you design with Divi sections, rows and modules, but instead of living inside a normal page, it floats above the page and appears when a visitor does something specific. Because it is built with the Divi Builder, every module you already know — text, images, buttons, forms, blurbs, countdown timers — is available inside the overlay, and the styling controls are the same ones you use everywhere else.
That single fact explains most of the plugin's appeal. You do not need to learn a new design system, and the overlay inherits your site's fonts, colours and button styles naturally. A popup designed this way tends to look like it belongs to the site, because it genuinely does.
One clarification matters before going further. Divi Overlays by DiviLife is a different product from Divi Modal Popup by DiviExtended. The two share a category but they are made by different developers and work differently. If you are comparing options, make sure you are looking at the DiviLife product described here. Divi Overlays requires the Divi theme, so it is a tool for Divi sites, not a general WordPress popup plugin.
Popup Types: Small Boxes With a Big Job
The classic popup is a box that appears in the middle of the screen, usually with the rest of the page dimmed behind it. Divi Overlays handles this format well, and it is the right choice for messages that deserve attention but do not need the whole screen: a limited-time offer, a newsletter signup, a webinar registration, a coupon code, or a short announcement.
Triggers: When the Overlay Appears
A popup is only as good as its timing. Show it too early and the visitor has not yet decided whether your site is worth their attention. Show it too late and they have already left. Divi Overlays gives you several trigger options, and choosing between them is one of the most useful decisions you will make with the plugin.
Time-based triggers show the overlay after a visitor has spent a set number of seconds on the page. This suits announcements and offers, because the visitor has had a chance to look around first. Scroll-based triggers fire when the visitor reaches a certain point in the page, which works well for blog posts: someone who has read halfway down an article has shown real interest, so that is a sensible moment to offer a related lead magnet or newsletter signup.
Exit-intent triggers attempt to detect when a visitor is about to leave the page, typically by moving the mouse toward the browser's top edge. These are best reserved for a genuine last offer — a discount, a free resource, a reason to stay — rather than the same message the visitor already ignored. Click triggers are the most polite of all: the overlay only appears when the visitor clicks a button, link or image you choose. Nothing is forced on anyone, and the overlay becomes a natural next step rather than an interruption.
The practical lesson is to match the trigger to the message. A click trigger suits a video lightbox or a detailed offer. A scroll trigger suits a content upgrade. An exit-intent trigger suits a final offer. Using the same aggressive trigger for every overlay is how websites earn a reputation for being pushy.
Full-Screen Overlays: Taking Over the Whole Viewport
Full-screen overlays are the most dramatic format Divi Overlays supports, and they deserve separate treatment because they behave differently from a small popup. A full-screen overlay covers the entire browser window. It is the right choice for things that genuinely need the visitor's full attention: a full-screen navigation menu, a large promotional takeover, a product launch announcement, or an age gate.
Because the whole screen is yours, full-screen overlays invite richer design: large typography, a background image or video, a multi-column layout, or a menu with large touch-friendly links. On mobile devices this matters even more, since a full-screen menu is often easier to use than a cramped dropdown. Many Divi sites use full-screen overlays as their mobile menu for exactly this reason.
The trade-off is interruption. A full-screen overlay stops whatever the visitor was doing, so it should be used sparingly and for content that justifies the interruption. A full-screen menu triggered by a deliberate click is helpful. A full-screen advertisement that appears uninvited seconds after arrival is not. The same tool produces both outcomes; the difference is judgment.
Lightboxes: Images and Video Without Leaving the Page
Lightboxes are the quietest overlay type. A visitor clicks an image, a gallery thumbnail or a play button, and the content opens in a focused layer above the page while the page itself stays put underneath. Closing the lightbox returns the visitor exactly where they were.
This format is ideal for image galleries, portfolios, product images and videos. Instead of sending a visitor to a separate page or an external video site, the content plays in place. For a Divi site that shows off photography, design work or products, lightboxes keep the browsing flow intact: the visitor can look closely at one image and immediately move to the next without losing their place.
Lightboxes also suit forms that are secondary to the page. A "request a quote" button that opens a form in a lightbox keeps the visitor on the sales page, which is usually better than sending them to a separate contact page and hoping they come back.
Design Controls: Building Overlays the Divi Way
Because overlays are Divi layouts, the design controls are the ones Divi users already know: spacing, typography, colours, borders, shadows, animations and responsive settings for desktop, tablet and phone. That matters more than it sounds. Popup plugins with their own editors often force a compromise: either the popup looks generic, or you spend hours overriding styles to match the site. With Divi Overlays, matching the site is the default, not a project.
Responsive control deserves a specific mention. An overlay that looks elegant on a desktop monitor can be unusable on a phone if its text is too small, its button is too close to the edge, or its close button is hard to tap. Divi's device-specific settings let you adjust padding, font sizes and layout per device.
When NOT to Use a Popup
A feature deep-dive would be dishonest if it only listed strengths, so here is the other side. Do not use a popup for information the visitor needs to complete their current task. If a visitor is checking out, filling in a form or reading instructions, an overlay in the middle of that flow is an obstacle, not a feature.
Do not stack overlays. A popup on arrival, another on scroll, and a third on exit-intent is not a strategy; it is harassment, and it trains visitors to close things reflexively without reading them. One well-timed overlay per visit is a reasonable rule of thumb, and for many sites one per session is plenty.
Do not use a popup as a substitute for fixing the page itself. If visitors are not signing up for your newsletter, the problem might be that the signup offer is weak or buried, not that it lacks a popup. If a product is not selling, a popup announcing the product will not fix a confusing product page. Overlays amplify a good offer; they do not rescue a bad one.
Finally, respect accessibility. Every overlay needs a clear, easy-to-find close button, and it should be dismissible with the keyboard as well as the mouse. An overlay a visitor cannot close is a broken website, and it will cost you more trust than any conversion it gains.
Pricing and Getting Started
You can explore the full details on the Divi Overlays Plugin product page. The official license is listed at $79/year on the product page; price may change — see the product page for the current price. At WP Theme Bazar the product is listed at ৳300 on sale against a ৳2,400 regular price; price may change — see the product page for the current price. Activation is seller-assisted: the WP Theme Bazar team activates the original license directly on your site, and the private license key is never shared.
If you are already running Divi, the learning curve is short because the builder is familiar. Start with one overlay — a single click-triggered lightbox or a single scroll-triggered signup box — and get that one working well before adding more. A site with one excellent overlay beats a site with six mediocre ones.
You can also read more about the product and its current offer on the Divi Overlays Plugin page before deciding.
Frequently Asked Questions
What exactly does Divi Overlays build?
It builds popups, full-screen overlays and lightboxes using the Divi Builder. You design the overlay like a normal Divi layout, then choose when and how it appears on your site.
Do I need the Divi theme to use it?
Yes. Divi Overlays is built for the Divi Builder, so it requires Divi. It is not a standalone popup plugin for other themes.
How is it different from Divi Modal Popup by DiviExtended?
They are different products from different developers. Divi Overlays is by DiviLife, while Divi Modal Popup is by DiviExtended. Compare their feature lists directly rather than assuming they work the same way.
Can I use Divi Overlays for a full-screen mobile menu?
Yes, full-screen overlays work well as navigation menus, especially on mobile where large touch-friendly links are easier to use than cramped dropdowns. Trigger the overlay from a menu button click.
Will a popup slow down my site?
Any added feature has some cost, but overlays built with Divi's own builder avoid loading an entirely separate popup system with its own styling framework. Keep overlays simple, use them sparingly, and test your page speed after adding one.
How does activation work when buying from WP Theme Bazar?
Activation is seller-assisted. The WP Theme Bazar team activates the original license directly on your site, so you get the genuine product without the private license key ever being shared with you or anyone else.
Buy Divi Overlays Plugin: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.
