• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Antony Agnel

WordPress Enthusiast, Blogger and Software Engineer

  • Home
  • Category
    • General
    • Blogging
    • Marketing
      • Email
      • Social Media
      • SEO
    • WordPress
      • Hosting
      • Plugins
      • Themes
  • Deals
  • Blogging Resources
    • Start Blogging
  • Services
    • Projects
Home » WordPress » How to display a lightbox popup on your WooCommerce store
How to display a lightbox popup on your WooCommerce store

How to display a lightbox popup on your WooCommerce store

Updated: November 14, 2020 By Antony Agnel Leave a Comment

When it comes to running an online store, it’s all about selling things – as much as possible while still keeping the costs low. But people don’t always buy what they want, right? Sometimes, they need a little push. It might be in the form of a reminder, retargeted advertisements, or even a simple lightbox popup.

Yes, you read that right.

The humble lightbox popup can still do wonders for your eCommerce store. It can help you keep visitors stay longer on your website, convert them into potential leads, and boost the sales for you. And in this article, I’m going to show you just that.

But before that, let’s see what a lightbox popup is.

Table of Contents

  • What is a lightbox popup
  • What should you display on the lightbox popup
  • How to display a lightbox popup on your WooCommerce store

What is a lightbox popup

A lightbox popup is a type of popup where the popup comes into focus by dimming the areas surrounding it. That is, it is displayed as an overlay to the existing website content – on top of it. Here’s an example for you –

lightbox popup example

This way, people can stay on the same page as before while still being able to see what’s in store for them – be it a discount, voucher, or coupon code.

One way to get the best results out of lightbox popups is by displaying it to users when they are just about to leave the website. This way, you are not distracting them when they are looking at an interesting product. Rather you are only trying to grab their attention when they are trying to leave the page without making a purchase.

If they were still undecided, this might help them to jump the wall and arrive at a decision. If they didn’t have an idea of buying the product before, this might give them a reason to. But if they already liked it but couldn’t arrive at the final decision, this might help them take the final step.

What should you display on the lightbox popup

Well, you can display anything you want but announcements about your latest sale or sitewide discounts would be better. One thing which is more popular nowadays is offering coupons when a user seems like abandoning the site. This way, you are converting a potential lead to a customer while they save some money off their purchase. It’s a win-win situation for both of you.

In addition to this, you can run different lightbox popup campaigns on different pages (product categories), display popups only when a set criterion is met, and retarget them.

Sounds interesting? Let’s see how you can get started.

First, you need the OptinMonster plugin on your site. If you haven’t heard of it before, it is one of the most popular WordPress popup and lead generation plugins out there. I have already covered it on my site, check out my OptinMonster review for more information. Their basic plan is just fine for creating lightbox popups. But if you want to enable the exit-intent feature, you need to be on their Pro plan.

Check Out OptinMonster Now

Then, you need to follow the instructions below to create and display a lightbox popup on your WooCommerce store.

How to display a lightbox popup on your WooCommerce store

Time needed: 15 minutes.

Step-by-step guide to create and display a lightbox popup for your online store.

  1. Create a campaign

    Login to your OptinMonster account and click on the Create Campaign button.create optinmonster campaign

  2. Choose campaign type

    You can choose any campaign you want. But for the sake of this guide, let’s just stick to what we want and that is Popup.choose popup campaign in optinmonster

  3. Select a template

    You can now choose a template of your choice. I’ll be going with the Checkout template.select optinmonster template

  4. Name your campaign

    Give your campaign a name and click on the Start Building button.name your optinmonster campaign

  5. Customize your lightbox popup

    You will now be taken to the OptinMonster’s drag and drop popup editor screen from where you can fully customize your popup.default view of optinmonster popup checkout campaign

  6. Save your changes

    Keep saving your changes as and when you make them. No one likes losing all the changes they made due to bad internet connectivity or a browser/PC failure.save optinmonster campaign

  7. Set up coupon delivery

    Click on the Success view to set up coupon delivery. You can either display it instantly and send it to their email address (recommended) or only display it over there.optinmonster checkout campaign - edit success view

  8. Enable exit-intent

    Go to Display Rules and change the condition to ‘If – exit detected’. Then, select the level of sensitivity you want from Low, Medium, or High. Medium sensitivity should work fine for most users.configure optinmonster exit intent popup

  9. Select email list

    Go to the OptinMonster campaign editor page and click on Integrations –> Add New Integration. From here, you can choose an email marketing platform of your choice, connect it with OptinMonster, and choose your email list to which you want the email address to be added.add email marketing integration with optinmonster using monster leads

  10. Publish campaign to WooCommerce

    You can now publish your popup and enable it on your WooCommerce store by installing the OptinMonster plugin from the WordPress plugin repository, activating it, and enabling it from your list of campaigns.publish checkout campaign on woocommerce

That’s it. You can now run different campaigns for different products at different seasons seamlessly using OptinMonster. If you liked this, you might also be interested in creating spin-to-win marketing campaigns or content locking in WordPress.

Anyway, if you haven’t got OptinMonster yet, you can get now by clicking below.

Get OptinMonster Now

P.S. Check out these 15 best WooCommerce plugins that can skyrocket your sales.

Liked this post? Share it with your friends!

  • Share
  • Tweet
  • Publish

Related posts you might like

Filed Under: Plugins

About Antony Agnel

I love helping people use WordPress and get better at blogging. Been doing that for 5 years now. Read more →

Looking for the best managed WordPress hosting provider?

Migrate your website to SiteGround now and experience lightning-fast WordPress performance with the best-in-class security and 24/7 support.

Learn More

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

What are you looking for?

Launch your dream website

bluehost web hosting

Create an online store

create an online store on shopify

FREE EMAIL NEWSLETTERS

Get my latest posts delivered straight to your inbox and become a better blogger, one post at a time.

Join 2,015 other subscribers

READ MY RECENT POSTS

  • How to create a coupon popup in WordPress (Step by Step)
  • How to track WordPress form conversion source in Google Analytics
  • 3 Signs Your Website Is Being Targeted by PPC Fraud
  • 5 Reasons why WPForms is the Best WordPress Form Builder Plugin
  • Imagely NextGEN Gallery Pro Black Friday 2020 Sale – Get 40% Off

Disclosure

Please note that some links on this site may be affiliate links. By clicking on them you don't pay anything extra and I make a few bucks which help cover the cost of running this website.

Copyright © 2015 - 2021

Follow Me Online

  • Twitter
  • LinkedIn
  • YouTube

Antony Agnel

Proudly powered by WordPress and the Genesis Framework.

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Terms and Conditions