How to Make a Wix Lightbox Popup the Easy Way (Step by Step)

Are you using Wix to run your website, and you’d like to add a lightbox popup to get new leads and boost sales?

If you’re new to creating websites and need a simple solution, Wix is an excellent option. But as you get more serious about growing your leads, you may want to invest in more advanced tools to use with your Wix site.

That’s why, in today’s post, we’re excited to show you how to create a Wix lightbox popup that’s easy to make and highly effective.

Before we start, though, let’s take a closer look at Wix and why you’d want to add a lightbox popup to your site in the first place.

Why You Need a Wix Lightbox Popup

Over that past few years, Wix has become an increasingly popular website builder. It’s easy to use, intuitive, and allows people with limited tech skills to create stunning websites in a matter of minutes.

But if you’re using Wix for your online business, you’ll still need all the classic marketing tools–a lightbox popup included.

Lightbox popups can be an excellent way to:

  • Greet new customers
  • Redirect traffic to popular pages (to boost page views)
  • Increase sales with product suggestions
  • Reduce shopping cart abandonment
  • Grow your email list

And more.

Now, you’re probably wondering, “Doesn’t Wix have ready-to-use lightbox popups? Why wouldn’t I just use those?”

In short, yes. Wix does have lightbox popups that you can use natively with the platform. But that doesn’t make it the best tool for the job.

The fact is that the native popups Wix offers are limited in terms of their functionality. Many targeting rules that make the difference between an annoying popup and an engaging one simply aren’t offered.

What you need is a Wix lightbox popup that has advanced features but is still just as easy to create, display, and track.

That’s where OptinMonster comes on the scene:

OptinMonster-homepage

OptinMonster is the world’s #1 lead generation software. Our campaigns are just as easy to modify and install as the choices offered on Wix, but with one crucial difference: we have more campaign types, templates, integrations, and targeting rules that you can use to get more leads and grow your business.

These are important aspects to consider when adding a popup to your Wix site. That’s because your popup’s conversion rate will largely depend on how personalized the campaign is for the users’ experience (UX).

Showing a generic popup to your entire audience can alienate large segments of your site’s traffic. But with OptinMonster, you can show the right message to the right people at just the right time in their customer journey.

Oh, and there’s zero coding or tech skills required. That means you can have stunning lightbox popups on your Wix site in a matter of minutes.

Here’s the popup we’ll build in today’s tutorial:

Wix Lightbox popup demo-min

This simple popup took less than 3 minutes to create and embeds easily onto a Wix site.

Want to learn more about how we work? Check out this helpful resource: Is OptinMonster Worth It? An Extensive Review.

Ready to get started? Let’s dive into the tutorial.

Create a Wix Lightbox Popup Now

How to Make a Wix Lightbox Popup

Step 1: Choose Your Campaign Type and Template

Once you’ve signed up for your risk-free OptinMonster account, you’ll be in your dashboard. Click Create New Campaign in the upper right-hand corner of the screen:

Create a new campaign final picture

Then, you’ll need to select your campaign type. We have many different options to choose from, all of which will work great on your Wix site, but for today we’ll go with a Popup:

Choose popup campaign types

Now you’ll select your template:

OptinMonster templates

We have over 50 pre-built templates that look great across all devices. You can even filter your template options to create a mobile-optimized lightbox popup if you know that most of your visitors come from their smartphone:

Mobile Optimized Templates in OM

And if you’d prefer to build a template from scratch, that’s no problem. Simply use our Canvas template:

Canvas Template in OptinMonster

This lets you create a custom Wix lightbox popup that’s 100% unique to your brand. That said, you can still design this blank template in a matter of minutes with zero coding skills required.

Today, we’ll choose the Basic template:

Create an Inline Campaign Basic Template

This is an excellent option for people who are just starting out designing popups to capture leads. It’s minimalistic in design but leaves plenty of room for compelling and persuasive copy.

Then you’ll be prompted to name your campaign, choose the website you want to use it for, and click Start Building:

Name and connect your website

Once you’ve done that, you’re ready to start designing your campaign.

Step 2: Design Your Wix Lightbox Popup

As we mentioned, one of the benefits of Wix’s site-building platform is that it’s so user-friendly. Their editor is intuitive and doesn’t require a lot of tech skills to get started.

OptinMonster falls in that same boat.

You can easily modify any of your templates with OptinMonster’s campaign editor. We won’t be able to get into all of your customization options today. Frankly, there would be too much to cover for one post.

But there are a few things you need to know to create a stunning popup for your Wix site.

First, you can use our inline editor to make changes directly to the text in your campaign:

Change text with Basic template

This lets you change the font, style, color, line-height, and much more. With our inline text editor, you can customize your popup’s message to effectively speak to your audience.

Next, you can change any other aspect of your campaign by clicking on it in the editor. Then, the editing tools will appear on the left-hand side.

With this template, for example, we may want to change parts of the optin form that asks for the user’s email address. To do so, we’d simply click on what we want to change and see the tools appear on the left:

Edit Blocks in Basic Template

If you want to add something new to your campaign, that’s no problem at all. Simply click + Add Block at the top of your editor menu:

Add block to Wix Lightbox popup

On your left-hand side, you’ll see a menu with the block options you can add, such as:

  • Button
  • ChatBot
  • Countdown timer
  • Divider
  • And more

Element Block Options

When you’ve found the block that you want to add to your Wix lightbox popup, drag and drop it into place:

Drag and drop text block into basic template

Then you can modify your new block in the menu on the left-hand side.

Again, modifying your Wix popup is incredibly easy with OptinMonster. Here’s the popup we built for today’s tutorial:

Wix Lightbox popup demo-min

This only took us a few minutes to set up and will look great on any Wix site.

Once you’ve designed the perfect campaign for your brand, voice, and message, it’s time to set your display rules.

Step 3: Set Your Display Rules

Like we said earlier, one of the biggest advantages of using OptinMonster for your popups are the display rules.

We give you tons of options to personalized your campaigns to get the right message to the right people at just the right time in their customer journey.

We do this in two ways: targets and triggers.

Targets use your visitor’s profile or characteristics to determine if the campaign should appear. That would be like where the user is located, what device they’re using, or what content they’re currently browsing.

Triggers, on the other hand, rely on a user’s behavior to determine if a campaign should appear. That would be things like when a user is leaving their browser page (Exit-Intent® Technology), how far down they scroll through the content, or clicking on a specific button or link (MonsterLinks™).

To set your targeting or trigger rules, click on Display Rules at the top of your editor menu:

Display Rules OM editor

By default, all OptinMonster campaigns will have two display rules set:

  • Time on page is 5 seconds
  • Will display on any page

You can change this by clicking on the first rule (time on page). That will pull up the editing menu:

Display Rules in OptinMonster

Today, let’s set a simple rule for an exit-intent popup. This means that your Wix lightbox popup will appear whenever someone is trying to leave their browser page.

This is an incredibly effective trigger. Just read some of the following success stories that show how powerful exit-intent popups can be:

You can have similar success by quickly setting up this trigger for your Wix lightbox popup. To do so, locate and click Exit-Intent® in your display rules menu:

Click Exit Intent

Then you’ll need to decide which devices you want to use Exit-Intent® Technology for:

  • Desktop only
  • Mobile only
  • On all devices

Today, we’ll choose on all devices:

select device for exit intent

Finally, you need to set your Exit Intent® Sensitivity:

Select sensitivity for exit intent campaigns

But you should know that the sensitivity level you choose will impact when your popup displays on mobile devices.

Low and Medium sensitivity create a scroll up trigger, whereas High sensitivity creates a back button trigger.

For more information on how this works, check out this helpful post: How to Create Mobile Exit-Intent Popups That Convert.

You can add as many targets and triggers as you’d like to create a personalized popup experience. Showing the right message at the right time in a customer’s journey is the best way to increase conversions on your site.

Today, we’ll leave the second rule (will appear on any page) as is. But you can easily change this too. You can make your Wix popup appear on:

  • The homepage
  • Pages that are NOT the homepage
  • Specific URL paths
  • And more

current URL path options

In other words, you can make your Wix lightbox popup appear wherever, whenever, and to whomever you want on your site.

It’s this kind of advanced functionality that makes OptinMonster a much more effective tool for lightbox popups than what Wix offers natively.

When you’ve created your display rules, it’s time to integrate the popup contact form with your email service provider.

Step 4: Integrate OptinMonster With Your ESP

One of the most popular use cases for a lightbox popup is to grow your email list and generate new leads.

That means you need a tool that allows you to connect seamlessly with your email service provider (ESP). OptinMonster definitely fits the bill.

We integrate with over 30 of the most popular ESPs on the market. To connect OptinMonster with your ESP, click Integrations at the top of your editor menu:

Integrations for OptinMonster editor

Then click + Add Integration in the left-hand side menu:

Add New Integration

And select your ESP from the drop-down menu:

Email service provider list in OM

Once you’ve selected your ESP, you’ll simply need to add a few details like your account name and your email account’s API key. The exact process will vary depending on your ESP, but all of the options can be connected within a matter of minutes.

Don’t see your ESP on the list? No worries. Check out this article on how to connect OptinMonster to any ESP.

Now it’s time for the final step: embedding your OptinMonster popup on your Wix site and publishing the campaign.

Step 5: Embed and Publish Your Wix Lightbox Popup

Click Publish at the top of your OptinMonster editor:

Click Publish OM account

Scroll down the page until you see your campaign’s embed code:

Wix Lightbox Popup Embed Code

Copy the embed code. Then head over to your Wix dashboard.

In the left-hand side menu, click Settings » Advanced Settings » Tracking:

Wix Lightbox popup embed

In the upper right-hand corner, click +New Tool » Custom

Enter custom code to wix site

Now a new window will appear. Copy your OptinMonster embed code where indicated and name your customer code:

Enter emebed code for Wix Lightbox popup

Then, just below, make sure that your code will appear on all pages and that your code goes into Body – end:

Add code to pages from Wix

Click Apply when you’re finished.

Head back to your OptinMonster dashboard and change your popup’s setting to Published:

Publish Wix campaign

And that’s it! Your Wix lightbox popup is now live on your site.

Create a Wix Lightbox Popup Now
We hope you found this tutorial helpful. If you’re using your Wix popup to grow your email list, you’ll probably be interested in the following articles:

These posts have everything you need to grow and monetize your email list.

Ready to get new subscribers and make more sales? Get started with OptinMonster now!

Nathan Thompson
Nathan Thompson is a father, a writer, and a lover of travel (in that order). When he’s not wrestling with his kids, you’ll likely find Nathan giving his eyes a much-needed break from screens with a good book or planning a family trip with his awesome wife.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.