If you're on a Galaxy Fold, consider unfolding your phone or viewing it in full screen to best optimize your experience.

by Jimmy Rodela | Published on May 18, 2022

Using a popup lightbox can be tricky. If you don’t get the timing right or don’t offer enough value, it can annoy your website visitors. If you nail your lightbox popup strategy, however, it can skyrocket your email signups, propelling your email marketing efforts and increasing your conversions.

Besides getting your prospects’ email addresses, you can also use lightbox popups to notify visitors about your offers, embed promotional images and videos, or share important information and events.

In this guide, we’ll take a close look at what a lightbox popup is, the best way to use it, and how you can create one as part of your email marketing strategy.

Lightbox popups are window overlays that appear over a browser window or webpage. They block a portion of the page’s content and disable and dim the rest of the background.

Website visitors can’t interact with the website content or move to other parts of the page unless they exit out of the lightbox popup or act on the call to action (CTA), such as filling out the form.

Lightbox popups are typically used to capture visitors’ email addresses to grow an email list, but they can also include CTAs that ask users to sign up for events and download content (among other things).

To optimize lightboxes for your small business email marketing efforts and ensure proper lightbox times, consider the following tips.

Unless your lightbox content is relevant to your audiences or offers them value, your website visitors are likely to ignore and close your popups right away.

If you’re a web developer or know how to code using Javascript, HTML, and CSS, you can create your lightbox email popup from scratch.

If you don’t have web development and coding knowledge, use an online popup tool or email marketing software that lets you create a lightbox popup easily without touching a single line of code.

How you create your lightbox can vary depending on the third-party tool or website builder platform you use, but in this guide, we’ll focus on the steps for creating a lightbox popup using Wix.

After logging on to your Wix account, select the website where you want to add a lightbox popup, or if you’re building a new site, click Create New Site.

Select the website where you want to add your lightbox popup. Image source: Author

After selecting the site to edit, click Site Actions, then Edit Site from the dropdown. This should take you to the website editor.

On the left side of the page, click the plus icon, and you’ll see the elements and options you can add to your website.

Select the Add icon within the Wix Editor to add a lightbox popup. Source: Wix software.

Navigate to Interactive, and under the lightbox category, select either Welcome, Subscribe, Promotion, or Contact.

Choose from four categories of lightbox popups to add to your website. Image source: Author

Wix provides five Subscribe popup templates and types of lightboxes: A full-width that shows at the bottom of your web page, a center lightbox that displays in the middle of the page, and a sidebar popup that appears on the right or left part of your page.

Select a lightbox type and template to customize. Image source: Author

Select one lightbox type and customize it according to your preferences. Wix lets you add any element to your email popup as long as the size doesn’t exceed the lightbox and fits inside it.

Customize your lightbox popup’s design using the editing settings and tools. Image source: Author

Edit the text and form field by clicking on each section. Use the editing tools to modify the text’s theme, font style, size, alignment, and color.

The lightbox editing tool also lets you add effects to the texts, adjust character and line spacing, and enable vertical text.

Edit the lightbox popup’s text based on your preferred design. Image source: Author

Select the background and customize your design. Use the editing tools and choose from the platform’s library of colors, images, and videos to use as background.

You can also choose the overlay background by clicking the space around your lightbox, then the Change Overlay Background option.

Modify your overlay background by choosing from the available options. Image source: Author

Additionally, set how your website visitors close your popup when it appears, either by clicking the X icon, the lightbox overlay, or the Close button.

Automatically display your lightbox on specific pages by clicking the Set Triggers button. This shows you the option to enable the auto display and the pages you want your popups to appear.

Set the specific pages you want your lightbox popups to appear on. Image source: Author

Link any element, such as menu items, buttons, and texts, to trigger your lightboxes. After creating and naming your lightbox, click the site element you want to link from. Then, click the Link icon to add a link and select the name of the lightbox you wish to add.

Wix autosaves all the changes made, and you can preview how your popup will look on desktop and mobile.

Get inspiration from these lightbox examples to help you create popups that grab your visitors’ attention and encourage email signups.

The email newsletter lightbox popup from The New Yorker uses a minimalist and simple design that gets triggered when you view an article on their website.

Take a minimalist approach and keep your lightbox simple and direct. Image source: Author

The only splash of color is the CTA button, making it stand out from any other element or content in the lightbox. It’s a simple and no-nonsense way of catching your visitors’ attention and offering them value in exchange for their email addresses.

The lightbox of clothing brand Kensie includes a glow effect that makes the popup more eye-catching.

Use subtle design elements, such as glow effects, to make your lightbox more eye-catching. Image source: Author

The design is simple and subtle, and the underline under the 10% discount is a nice touch that can help entice website visitors to sign up to the email list.

When implemented effectively, lightbox popups can boost your email signups, which help drive the success of your email marketing campaigns.

As long as you keep your lightbox relevant and display it at appropriate times, it should be one of the effective ways to grow your email list.

Jimmy Rodela is a small business expert writing for The Ascent and The Motley Fool.

We're firm believers in the Golden Rule, which is why editorial opinions are ours alone and have not been previously reviewed, approved, or endorsed by included advertisers. The Ascent does not cover all offers on the market. Editorial content from The Ascent is separate from The Motley Fool editorial content and is created by a different analyst team.

The Ascent is a Motley Fool service that rates and reviews essential products for your everyday money matters.

Copyright © 2018 - 2022 The Ascent. All rights reserved.