What’s a Lightbox Popup? And Easy methods to Create It (Step by Step)

News Author

Are you eager to create lightbox popups to seize extra electronic mail leads? We will present you the way.

There’s a purpose why cinemas and the theatre flip the lights out earlier than a present. It’s the identical purpose that lightbox popups present up the best way they do, on prime of the web page that you simply’re viewing and with a darkened background.

Care to take a guess why that’s?

In the event you answered, “to seize the viewer’s consideration,” you’re spot on.

Lightbox popups (additionally referred to as modal popups) are probably the most efficient methods to transform your web site guests into electronic mail subscribers and prospects.

On this submit, we’ll share how one can create your personal lightbox popups and the highest 6 explanation why they’re the perfect at constructing your electronic mail record, delivering a focused advert message, and changing subscribers into paying prospects.

However if you’re able to get proper to creating, click on right here to leap to the tutorial!

What’s a Lightbox Popup?

A lightbox popup is an internet kind that seems on prime of the webpage that you’re viewing. When it seems, the webpage is darkened within the background, so the shape stands out.


Lightbox popups are mostly used as optin campaigns for capturing electronic mail addresses. Nonetheless, they can be utilized to show just about any name to motion (similar to, “Like us on Fb” or “Use this coupon code at checkout“).

Are you able to attempt a lightbox popup in your web site?

Let’s hold going.

The best and smartest option to create popups in WordPress is thru OptinMonster:

OptinMonster home page

OptinMonster is a premium WordPress plugin the place you possibly can simply create your personal lightbox popup.

OptinMonster’s extremely simple to arrange and run. With a strong but simplistic builder, all the exhausting work has been finished for you. No extra handbook integration. Just some clicks and your lightbox popup is stay.

And don’t neglect, OptinMonster comes with focusing on guidelines so you possibly can present your guests the precise campaigns you need on the second you need:

  • Exit-Intent® Know-how: get better customers actively leaving your web site.
  • Onsite Retargeting®: hold customers engaged by exhibiting contemporary campaigns.
  • MonsterLink™: enhance engagement by exhibiting provides primarily based on what buttons and hyperlinks your guests click on.

This stage of personalization won’t simply improve the consumer expertise (UX) however will drastically improve your conversions and gross sales.

For as we speak’s tutorial, we’ll be utilizing OptinMonster to create our personal lightbox popup.

In truth, OptinMonster helped LeadFuze rating 4x extra conversions utilizing popups.

In the event you’d like these similar outcomes, get began with your personal 100% risk-free OptinMonster account as we speak:

Get Began With OptinMonster At the moment!
BONUS: Achieved-For-You Marketing campaign Setup ($297 worth) Our conversion consultants will design 1 free marketing campaign so that you can get most outcomes – completely FREE! Click on right here to get began →

We perceive that not everybody learns in the identical manner. That’s why we made this beneficial video tutorial for our visible learners:

However if you’re right here for a written step-by-step information, let’s get to it.

Step 1: Create a Marketing campaign

First, begin by signing up for OptinMonster or log in to your present account.

As soon as you’re logged in, click on on the inexperienced Create New Marketing campaign button:

Select Green Campaign Button

To create a lightbox popup, click on on the Popup marketing campaign sort:

Select lightbox popup campaign

Subsequent, you’ll have the optin to select from 50+ professionally designed templates on your design.

At the moment, let’s choose the Fundamental template. It’s the proper template for any marketing campaign, particularly if you wish to do a variety of customizations:

select basic template

Now, give your marketing campaign a reputation. The title is on your use solely, so make it one thing that will probably be significant and memorable for you.

At this level, you can even add the web site the place you propose to make use of the marketing campaign:

name your lightbox popup campaign

Lastly, press Begin Constructing if you’re able to create the marketing campaign. This may take you to the OptinMonster marketing campaign builder.

Step 2: Edit Your Marketing campaign

On this step, we’ll be customizing the visible elements of your lightbox popup.

So, how can we try this? Level and click on.

It truly is that straightforward.

For any textual content modifications, you possibly can deal with that proper within the visible preview on the middle of your display.

Another modifications will open a menu on the left aspect of your display:

OptinMonster visual editor

Additionally, you possibly can add different parts to your popups like further columns, countdown timers, movies, and extra.

Simply drag and drop the place you’d just like the component:

Add block elements to popup campaign

As soon as your marketing campaign seems the best way you need, you’re able to set your show and focusing on guidelines.

Step 3: Set Show Guidelines

Show guidelines management when your marketing campaign exhibits up in your web site and who sees it.

By default, all campaigns are set to show on any web page after 5 seconds.

To overview or change this, click on on the Show Guidelines tab on the highest of your display:

OptinMonster default display rules

You possibly can both click on on the drop-down menus to edit the default ruleset or you possibly can click on on the + Add New Ruleset button to create your personal rulesets.

Lots of our prospects have nice success with exit-intent popups, we’ll be utilizing the Exit-Intent® rule. This rule will show your lightbox popup anytime OptinMonster detects that your web site guests are actively leaving your web page.

So, go forward and click on on the drop-down menu and choose the Exit-Intent® rule:

Select Exit Intent Targeting Rule

There’s a lot you are able to do with OptinMonster’s show guidelines engine, from follow-up campaigns to onsite retargeting and extra. We extremely advocate taking a while to mess around and take a look at out all the OptinMonster guidelines so you possibly can see what works finest on your web site.

Step 4: Set Up Your E mail Integration

Whereas your lightbox popup is amassing leads, they must be saved someplace.

Fortunately, OptinMonsters integrates with the highest electronic mail packages so you possibly can robotically feed your new results in your electronic mail lists.

To try this, go to the Integrations tab.

Then, click on on +New Integration. You’ll then see a drop-down record full of promoting platforms you can combine with OptinMonster.

Choose your platform. OptinMonster will stroll you thru the following steps. For many, all you’ll want is the API Key for the advertising program.

Add new lightbox popup integration

In case you are needing an electronic mail service supplier, we advocate Fixed Contact as a result of the platform provides a light-weight, user-friendly interface, however you’re welcome to take a look at our record of the finest SMTP companies for extra choices.

Step 5: Publish Your Lightbox Popup

As soon as you’re proud of how your lightbox popup seems and can show, transfer over to the Publish tab.

Take a minute to double-check your whole settings and show guidelines are set the best way you need. Additionally on this display are directions on the best way to add this popup to your web site.

If you end up able to publish, simply click on on the Publish button.publish optinmonster campaign

In the event you want extra data, check out the documentation for embedding OptinMonster in your web site.

Now you recognize precisely the best way to create a lightbox popup utilizing OptinMonster!

That’s it! Your WordPress lightbox popup is stay!

6 Causes Why Lightbox Popups Seize Extra Emails

There are a number of explanation why lightbox popups seize extra emails than a standard electronic mail optin kind, like those you’ll see within the sidebar of a weblog.


For the document, we do advocate having a sidebar optin kind just like the one above as a result of that’s the place your largest followers will search for it.

Nonetheless, if you happen to don’t even have an electronic mail subscription popup put in in your web site, then you definately’re probably lacking out on 1000’s of electronic mail subscribers. That is just not so cool.

So, with out additional ado, listed here are the highest 6 explanation why a lightbox popup is your finest guess at capturing extra emails.

1. Lightbox Popups Characteristic One, Clear Name to Motion

Lightbox popups take away all different distractions, so there is just one, clear name to motion in view on the web page.

With a lightbox popup, the remainder of the display turns into darker and the consumer’s eye naturally goes to your message and the e-mail signup kind. This makes it completely clear what the consumer ought to do subsequent.

2. Lightbox Popups Are Eye-Catching

When your lightbox popup seems on the web page (significantly if it makes use of an animation), your guests gained’t be capable to assist however take discover. In truth, they’re unimaginable to disregard.

using monstereffects on lightbox popup

That’s precisely why they work so nicely.

The secret is to personalize your popups and set off them on the proper second, to the proper guests, with the proper provide (see #3, #4, and #5 under).

3. Lightbox Popups Set off at Simply the Proper Second

In the event you use OptinMonster, you possibly can management precisely when your lightbox popup will seem, to guarantee that it triggers at simply the proper second.

The important thing to deciding when to set off your lightbox popup is to consider your consumer and their intent in the meanwhile they’re shopping your web site.

4. Lightbox Popups Show an Curiosity-Based mostly Provide

The opposite alternative you will have with OptinMonster is to extend your conversions by displaying a lightbox popup primarily based on curiosity.

In the event that they’re shopping recipes, you might present them a cooking-related provide. If, however, they’re shopping dwelling enchancment posts, you’d do higher to indicate them a proposal associated to dwelling decor.

Right here’s an instance from CountryLiving’s web site. This popup seems to guests who’ve considered dwelling enchancment posts:

country living fullscreen exit popup

But when the customer has considered recipe posts, they’ll see this popup as a substitute:

Country Living Exit Popup

With OptinMonster, lightbox popups could be set to be displayed on particular pages, posts, and even whole classes of posts in your web site.

5. Lightbox Popups Are Personalised for Particular Guests

OptinMonster additionally lets you show lightbox popups solely to particular guests. This manner, you possibly can personalize your provides even additional.

As an example, you might present your popup to guests coming from a selected advert marketing campaign. You already know quite a bit in regards to the folks you goal your adverts to, so use that data when writing your popup copy.

6. Lightbox Popups Seize Abandoning Guests

Do you know that 70% of holiday makers who abandon your web site won’t ever come again once more?

Generally, which means 95%-98% of your advertising efforts are going to waste, and also you’re dropping cash in buyer acquisition prices.

Nonetheless, lightbox popups triggered on exit-intent give these abandoning guests one final likelihood to optin which might imply an extra 2-4% of your guests changing into electronic mail subscribers (and prospects quickly after).

exit-intent® popup

OptinMonster’s Exit-Intent® expertise works by monitoring the mouse motion of your customer. After they gesture in the direction of the highest of the web page, on the point of shut the window, the sensible lightbox popup seems.

Able to put the facility of lightbox popups to give you the results you want? Then join OptinMonster as we speak.

Get Began With OptinMonster At the moment!
BONUS: Achieved-For-You Marketing campaign Setup ($297 worth) Our conversion consultants will design 1 free marketing campaign so that you can get most outcomes – completely FREE! Click on right here to get began →

And that’s all for this tutorial.

We hope you loved this text. If that’s the case, take a look at these different assets:

Revealed by Deana Weinheimer

Deana Weinheimer is a author with deep expertise in advertising and WordPress with a spotlight and keenness in educating her readers. In her free time, she enjoys writing for a minor league hockey information web site, touring along with her husband, enjoying along with her canines and gerbils, or paddle boarding the various waterways of Ohio.