An overlay is a simple yet powerful design feature that helps your popup stand out. By dimming or coloring the background behind the popup, the visitor’s focus is drawn directly to your message, reducing distractions and making the call to action clearer.
In your platform, enabling an overlay is effortless. While editing your popup, you’ll find an option called “overlay fill” in the right-hand menu bar. By selecting a color here, you automatically activate the overlay. Once a color is defined, the background of your site will be covered with that shade whenever the popup appears.
You can choose any color you like, from a subtle transparent gray to a bold brand color. Adjusting the opacity allows you to control how much of the background remains visible. A softer overlay gives a more natural feel, while a darker or more opaque overlay creates a strong spotlight effect on the popup itself.
The beauty of overlays is their versatility. They can be used to create contrast, emphasize urgency, or simply guide the visitor’s attention without drastically altering your site’s appearance. Because they’re activated instantly when you define an overlay fill color, you can experiment freely until you find the look that best fits your design.
By adding an overlay, you give your popup the visual impact it deserves while ensuring your visitors stay focused on the message you want them to see.