With a lightbox popup, you can:<\/p>\n
- \n
- Drive traffic to your best content<\/li>\n
- Grow your email list<\/li>\n
- Increase sales<\/li>\n<\/ul>\n
We have created this step-by-step tutorial for you on how to create a lightbox popup and help you improve your\u00a0lead generation<\/a>. In this post, we\u2019ll go over the following topics:<\/p>\n
- \n
- What Is a Lightbox Popup<\/a><\/li>\n
- Why Lightbox Popups Convert So Well<\/a><\/li>\n
- How To Create a Lightbox Popup with OptinMonster<\/a><\/li>\n
- Lightbox Website Examples From Real-Life Brands<\/a><\/li>\n<\/ol>\n
If you are ready to create a lightbox popup, you can jump to the step-by-step tutorial right away.<\/p>\n
What Is a Lightbox Popup?<\/h2>\n
A lightbox popup is a design overlay that appears on a webpage you\u2019re viewing. Like any other popup, the job of a lightbox popup is to attract visitors\u2019 attention to a relevant offer with a\u00a0call to action (CTA)<\/a>. Lightbox popups (also called modal popups or website lightbox popups) are most commonly used as optin campaigns for capturing email addresses.<\/p>\n
But you can also use lightbox popups for other use cases, such as:<\/p>\n
- \n
- Asking visitors to\u00a0like your Facebook page<\/a><\/li>\n
- Offering\u00a0coupon codes to increase sales<\/a><\/li>\n
- Showing a\u00a0countdown timer<\/a>\u00a0to increase urgency<\/li>\n<\/ul>\n
Think of lightbox popups like the movie screen in a theater. When the movie comes up, everything around you goes dark. This automatically leads the audience to bring their full focus to the screen.<\/p>\n
It\u2019s the same with lightbox popups. When it shows up on a page, the background goes dark, and the popup\u2019s content stands out.<\/p>\n
Here\u2019s an example of the website lightbox popup that we will create today:<\/p>\n
![\"what](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/lightbox-popup_published-op-min.png\")
<\/p>\nThe best part about lightbox popups is that they convert like crazy!\u00a0Crush Empire<\/a>\u00a0used the website lightbox popup below to\u00a0convert 12.40% of its website visitors<\/a>.<\/p>\n
![\"what](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/lightbox-popup_crush-empire-op-min.png\")
<\/p>\nKampanjjakt increased its conversions by 800%<\/a>\u00a0with OptinMonster\u2019s lightbox popup forms along with its\u00a0custom API<\/a>:<\/p>\n
![\"lightbox](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/lightbox-popup_Kampanjjakt-op-min.png\")
<\/p>\nSo what makes website lightbox popups click? Let\u2019s go over some proven facts.<\/p>\n
5 Reasons Why Lightbox Popups Convert Well<\/h2>\n
Lightbox popups capture more emails than the traditional email optin forms. Here are the top 5 reasons why a lightbox popup is a great lead generation tool<\/a>.<\/p>\n
1. Lightbox Popups Are Eye-Catching<\/h3>\n
Lightbox popups are hard to ignore.<\/p>\n
You can\u2019t say the same thing about a\u00a0website notification banner<\/a>, an online ad, or a push notification. Research shows that\u00a0buyers are getting used to ignoring online ads<\/a>. People will ignore anything on their screen that\u2019s not relevant, personalized, or attention-grabbing.<\/p>\n
But lightbox popups are different.<\/p>\n
For visitors to ignore a lightbox popup, they have to click on the cancel icon or outside the popup area. But they don\u2019t necessarily have to make an effort to ignore other design overlays like notification banners, ads, or\u00a0cookie consent notifications<\/a>.<\/p>\n
They can sit idle in one corner of the website without people taking notice.<\/p>\n
Website lightbox\u00a0popups that use animations<\/a>, like the one below, are even more engaging:<\/p>\n
![\"animated](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/animated.gif\")
<\/p>\nHowever, personalization is the key to making lightbox popups work better. You should always trigger them at the right moment, to the right visitors, with the right offer. We\u2019ll talk more about personalization in just a bit.<\/p>\n
2. Lightbox Popups Feature One, Clear CTA<\/h3>\n
Lightbox popups minimize distractions and bring visitors\u2019 attention to a single CTA for them to click. Visitors who see a lightbox popup don\u2019t have to deal with choice paralysis<\/a>.<\/p>\n
That\u2019s because when a lightbox popup shows up on the screen, the background around it goes dim. By contrast, the content on the lightbox appears more prominent and eye-catching.<\/p>\n
To make the conversion from lightbox website popups even better, make your offer attractive to your audience. If your goal is to\u00a0grow an email list<\/a>, use a copy that communicates the value of joining the community.<\/p>\n
Here\u2019s a lightbox website example from\u00a0Adam Enfroy<\/a>. This lightbox popup\u00a0helped him gain 11,000+ email subscribers in just 1 year<\/a>!<\/p>\n
![\"why](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/lightbox-popup_Adam-Enfroy-op-min.png\")
<\/p>\nPro-tip:<\/strong>\u00a0Want to know what it takes to grow your email list with popups? Read our guide on\u00a0email popup best practices and examples<\/a>.<\/p>\n
3. Timed Lightbox Popups Offer a Personalized Experience<\/h3>\n
Popups can be pretty annoying<\/a>\u00a0if they are irrelevant or interrupt your browsing experience. Like online ads and cookie consent notifications, people grow conditioned to ignore popups entirely if they become annoying. This is known as popup blindness.<\/p>\n
But if you know when and how to use lightbox popups on a website, you can offer the site visitors an interactive, personalized user experience (UX). Research shows that\u00a0personalization can encourage buyers to spend 38% more on average<\/a>.<\/p>\n
The good news is that you can trigger lightbox popups based on specific parameters or user behaviors. OptinMonster lets you launch lightbox popups based on several criteria:<\/p>\n
- \n
- Time on site (or number of pages viewed)<\/li>\n
- Scroll time (or time on page)<\/li>\n
- Shopping cart abandonment<\/li>\n
- Specific date or time<\/li>\n
- User segmentation<\/li>\n
- Returning visitors<\/li>\n
- Exit intent<\/li>\n<\/ul>\n
To make customer journeys contextual and fulfilling, you can control exactly when or where your lightbox popup appears. This, in turn, leads to higher conversions and increased sales.<\/p>\n
The key to personalizing user experience is to think about your visitors\u2019 intent or the page they are on at the time of their browsing.<\/p>\n
Pro-tip:<\/strong>\u00a0Want to create hyper-personalized lightbox popups? Check out our guide on\u00a0how to use Smart Tags in OptinMonster<\/a>.<\/p>\n
Smart Tags<\/a>\u00a0are code snippets that allow you to add dynamic text to your campaign, such as a customer\u2019s first name, previously purchased products, or their company\u2019s URL addresses.<\/p>\n
4. Lightbox Popups Go Well With Incentives<\/h3>\n
Coupon marketing<\/a>\u00a0is amazing, and it works really well with lightbox popups. Let\u2019s look at some statistics on just how powerful coupons are:<\/p>\n
- \n
- 66% of buyers admit to buying a product if they had a coupon<\/a>, even if they didn\u2019t have the intention to buy initially.<\/li>\n
- Coupon codes\u00a0influence the behavior of 83% of buyers<\/a>.<\/li>\n
- 96% of buyers look for promo codes<\/a>\u00a0before making a buying decision online.<\/li>\n
- 80% of buyers say that they would try a new brand<\/a>\u00a0if it offered them a discount.<\/li>\n<\/ul>\n
Offering\u00a0coupons and discount codes<\/a>\u00a0is a great way to help people make up their minds about buying.\u00a0Popup coupon promotions<\/a>\u00a0generally work better than sharing coupons via email or social media.<\/p>\n
That\u2019s because visitors can see and redeem popup coupons in real time. With popup coupons, there\u2019s less time and friction involved between seeing a promo and applying it on the checkout page.<\/p>\n
The\u00a0context switching<\/a>\u00a0in popup coupons is also less. Context switching from one unrelated task to another is tiring. Customers can drop out between copying a coupon code from their email, leaving their inbox, and going to the pricing page.<\/p>\n
But with popup coupons, you can add a CTA button that takes the buyers directly to the checkout page with the promo code already applied to their purchase.<\/p>\n
5. Lightbox Popups Are Great for Recovering Abandoned Carts<\/h3>\n
70% of visitors<\/a>\u00a0who abandon your site never come back again. This means losing money in\u00a0customer acquisition<\/a>\u00a0and wasting your marketing efforts.<\/p>\n
You can turn things around with an exit-intent popup.\u00a0OptinMonster\u2019s Exit-Intent\u00ae Technology<\/a>\u00a0can help you\u00a0convert 2-4% of your visitors into paying customers<\/a>.<\/p>\n
OptinMonster\u2019s Exit-Intent\u00ae Technology tracks the mouse movement of your visitor. The lightbox popup appears when visitors move their cursor toward the top of the page, getting ready to close the window.<\/p>\n
![\"exit](\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/animated-exit.gif\")
<\/p>\nThe Exit-Intent Technology\u00a0works differently on mobile devices<\/a>. Instead of tracking mouse movements, it launches a popup when users:<\/p>\n
- \n
- Scroll up on their mobile screen<\/li>\n
- Hit the back button on their mobile browser<\/li>\n<\/ul>\n
Lightbox popups triggered right before a visitor\u2019s exit can help them change their minds. It gives them one last chance to convert, which means additional sales from almost-lost customers.<\/p>\n
Pro-tip:<\/strong>\u00a0Want inspiration to design the perfect exit-intent popup campaign? Head over to our\u00a0exit-intent popup examples gallery<\/a>.<\/p>\n
Now that you know why lightbox popups convert so well, let\u2019s go over the step-by-step tutorial on how\u00a0 %to create a lightbox popup.<\/p>\n
How To Create a Lightbox Popup in OptinMonster<\/h2>\n
OptinMonster<\/a>\u00a0offers the easiest way to create lightbox popups on a website. OptinMonster is the best lead generation software and\u00a0WordPress plugin<\/a>\u00a0that comes with powerful functionalities:<\/p>\n
- \n
- 100+ ready-to-use templates<\/li>\n
- Easy drag-and-drop designer<\/li>\n
- Targeting triggers and campaigns<\/li>\n
- Exit-Intent\u00ae Technology<\/li>\n
- A\/B split testing<\/li>\n
- Actionable insights<\/li>\n
- Integrations with all major marketing, eCommerce, and website builders<\/li>\n<\/ul>\n
The level of personalization that OptinMonster offers can help you increase the user experience and drastically improve your conversions.<\/p>\n
For today\u2019s tutorial, we\u2019ll focus on creating a simple lightbox popup.<\/p>\n
BONUS: Done-For-You Campaign Setup ($297 value)<\/strong>Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started \u2192<\/a><\/div>\nIf you want to learn how to create a lightbox popup visually, here\u2019s a video tutorial:
\n
- Coupon codes\u00a0influence the behavior of 83% of buyers<\/a>.<\/li>\n
- 66% of buyers admit to buying a product if they had a coupon<\/a>, even if they didn\u2019t have the intention to buy initially.<\/li>\n
- Offering\u00a0coupon codes to increase sales<\/a><\/li>\n
- Why Lightbox Popups Convert So Well<\/a><\/li>\n
- What Is a Lightbox Popup<\/a><\/li>\n