Content

What is a Lightbox Popup and How to Create One?

30 November 2021 ~ 15 min read 1557 views
rate it
Claspo Blog What is a Lightbox Popup and How to Create One?

Table of Contents

What is a lightbox popup?

Lightbox popups are overlay windows that appear on a webpage with a specific call to action (CTA) and block some of the content on a page. Usually, when a popup is shown, the background is dimmed and disabled. Thus, popups serve to draw attention and encourage visitors to perform some action.

3 Reasons Why Lightbox Popups are Useful

Lightbox popup example

Lightbox Popup Example #1

It’s the second chance to convert

Re-engaging abandoning visitors could take a positive toll on your conversion rates. This is where lightbox popups come into play. They give your audience the last chance to convert by focusing their attention on some valuable and relevant offers. 

This approach works great with online stores where customers are frustrated by boatloads of options. Informational overload comes in the form of buttons, links and messages grabbing visitors’ attention. Too much choice results in ‘analysis paralysis’. Unable to make the final decisions, visitors flee. 

Convert Your Website Visitors To Customers Right Now!

A lightbox popup comes with only one option. Eliminating choice helps to reduce stress and anxiety. It is crucial for making sales. When visitors’ attention is narrowed to a single luring offer, the decision-making process becomes simpler. 

Lightbox popups reinforce your message

With a certain frequency, you can reinforce your message and convert leads. After seeing a message several times, a person unconsciously connects it to something familiar. In other scenarios, a user can simply be intrigued by the message. The power of repetition shouldn’t be underestimated. 

Hence, lightbox popups help with achieving the effective frequency — the number of times a prospect should see a particular message to perform the targeted action. There are different theories of required frequency, but you should experiment carefully — users might be repelled by high-pressure advertising.

You can increase your email subscription list

Popup for subscription

Lightbox Popup Example #2

Getting customers back is not the only reason to integrate exit-entry popups. It’s a perfect way to build an email subscriber list. Typically, the success rate of a popup depends on the incentive offered in return for data shared. Even the simplest lightbox popups with subscription forms can convert 3-5% of visitors

Which popups would be appropriate for this task?

A polite scroll along a box that moves as a reader scrolls through the page. Alternatively, you can place a banner at the bottom of the page or use a data-driven sidebar. 

Keep in mind that the reader will decide if they want more of your content once they’ve read your post. If you lack email leads, you can trigger lightbox popups sooner than they reach the bottom of your content. Finally, remember that users hate seeing subscription popups when they are already subscribers. To show them a relevant popup or disable the current one, set cookie length to a year or more.

Get More Subscribers & Customers Now!

What to Consider When Using Lightbox Popups?

1. Users hate landing pages overloaded with forms

It would be better to hide a pop-up form on your landing page. According to statistics, the more fields you have on your landing page, the lower it converts. On the contrary, landing pages without visible fields have higher conversion rates. Click pop-ups convert 12 times better than other email popups. Why? Because the visitor triggers its appearance.

Here’s one of the best lightbox website examples — the form is hidden by the ‘Download’ button:

Form fields are hidden under the button

Lightbox Popup Example #3

2. Lightbox popups with discounts convert excellently

This is a kind of lightbox popup that anyone would be pleased to see. Many online stores offer a 10-25% welcome bonus for new customers, which proves to be super-efficient. Bonus funnels in promo campaigns can boost conversion rates by up to 200%. The major reason for the efficiency of such popups is that their value delivered is relevant for website visitors. 

3. Extra content? Why not

Try to guess: what is a website lightbox that can compete with popup discounts in terms of efficiency? Yes, it’s an ad that offers eBooks, content upgrades and exclusive materials.  

This form of lightbox popups is usually triggered in the middle of an article, and here’s the catch. Viewers get easily embarrassed by such popups, and if you give them nothing relevant in reward, your page might be abandoned. 

A good example of such an approach is to offer materials and encourage viewers to click ‘Unlock’ or something like that. It works well for both direct sales and email subscriptions. Progress bars are also pretty efficient

Why do visitors love these lightbox popups?

  • Exclusive content has a higher subjective value. If readers love your website, they would like to get more useful information, especially when it’s something not publicly available. 
  • Free content in exchange for an email address — a pretty fair deal from viewers’ standpoint. It’s a great tool for developing your subscriber list, as well. 

4. Using lightbox popups for abandoned carts is a must

Cart Abandonment example

Lightbox Popup Example #4

A shopping cart abandonment popup should always be triggered on your website because your customer has had a half-baked experience. A person intended to buy from you but failed. What is the reason? Most likely, it’s about your store. 

The most widespread reasons for cart abandonment:

  • Unexpected extra costs (delivery, package).
  • Obligation to create a personal account.
  • Too time-consuming or too complicated checkout procedure.
  • Inability to calculate total order cost up-front.
  • Users don’t trust the site with their information.
  • Website crashed or had technical problems.
  • Delivery takes too long.
  • Return policy seemed to be tricky.
  • Not enough payment methods.
  • A credit card was not accepted.

With the help of a lightbox popup, you can find out what happened and address the user’s problem by sending them to customer support or coming up with a solution. 

How to Create a Lightbox Popup that Works?

Above, we have tackled the issue of content. What about the visual and verbal parts of a website lightbox popup?

Here are some top design tips:

  • Use eye-catching contracts and bright color combos.
  • Explain to visitors the benefits they get. No walls of texts — keep it simple.
  • Position your popups as personal offers, not ads.
  • Build a conversation. Communicate with customers in a caring, positive tone. 
  • Encourage customers to perform a targeted action without hurting their experience by the interruption. 
  • Make sure your popup lightbox appears at the right moment. 
  • Require fewer form fields
  • Pick powerful call-to-action phrases that would certainly grab your visitor’s attention. 

Now as you know the secrets of successful lightbox popups, here’s a short description of the creation process. If you have access to popup builders, crafting a lightbox becomes a matter of a few minutes.

How to Create a Lightbox Popup Using Claspo?

1. Login or Register

Start by signing up for Claspo or log in to your existing account. 

2. Create a Widget

Click the "New Widget" button to create one. 

create-widget.pngName your widget and select the goal. To create a lightbox popup select a Popup Layout Type.

name-goal-type.pngPress the Next button.

3. Customize Your Lightbox Popup

To create a widget based on your website style, select colors of the following website elements.

colors.pngPress the Next button.

4. Select a Widget Template

Select the most appropriate widget appearance. You’ll be able to edit it as needed.

widget-template.png5. Edit Your Popup

Once you selected the widget template you are redirected to the popup builder dashboard. Here you can see various blocks that can be deactivated or included as you experiment with your popup. Those can be blocks with texts, images, buttons, and form fields.

editing.pngAfter all editings are done save your widget.

6. Set Up Triggers and Other Parameters

Define the list of actions that make the popup appear and apply other properties for targeting certain users.

triggers.pngPress the Save button.

7. Save and Use Your Popup

Your lightbox popup is ready for use! Add it to a website and enjoy.

How to Measure the Success of Lightbox Popups?

The most reliable way to evaluate the efficiency of popups is through metrics. When analyzing the results of the popup campaign, consider such factors as:

  • Conversion rate (number of completed activities);
  • CPC (cost-per-conversion);
  • CPA (cost-per-action);
  • Number of email subscriptions;
  • Sales metrics;
  • Page bounce rate.

The analytics can be automated with ad management desktops and CRM software. They will give you full insight into the success of your campaign. 

Closing Thoughts

A lightbox popup is a surefire way to grab your visitors’ attention. But since you’ve decided to interrupt their reading experience, don’t forget to offer something worthy instead. Discounts, free PDFs and recipes, and individual offers — it can make retention rates skyrocket. 

Still Not A User Of Claspo?