WooCommerce works great with a Lightbox

How to Set Up a WooCommerce Pop-up on Exit or Timer

As the biggest eCommerce framework in the world, WooCommerce is an incredibly handy tool—and as such, you want to make the most of it. When you combine it with Digioh’s lead-generation tools like the Lightbox pop-up, you have a powerful conversion tool that can dramatically improve your business’s income. This quick guide will help you do just that.

The Lightbox and the Slider

Let’s briefly cover a few things before we get into the meat of this thing. The Lightbox is a popup box that, generally speaking, presents an offer to the page visitor in exchange for their email. You may have seen it on blogs or on major eCommerce sites like Shopify, BigCommerce, or Magento—and when the big names are using it, you know it’s good.

The Lightbox is a great lead-generation tool to combine with WooCommerceDigioh’s own Lightbox is clean and simple, yet very effective at conversion.

The reason the Lightbox is so effective has to do with the psychology behind it. When you set a Lightbox up on your site, your visitors will see it and will be prompted to give you their email address in exchange for something nice—a discount code, a free ebook, a free trial of a product, etc. Once they’ve given you their email address, you can use that to start marketing to them, thereby increasing your conversion and sales (sometimes by more than 1.5%!).

An alternative to the Lightbox is the Slider—which works under the same concept, except instead of popping up in the middle of their screen, it slides out like a sidebar.

The Teaser Follow is an effective conversion toolA small CTA Teaser avoids the conversion problems that closing a Lightbox can cause.

With both the Lightbox and the Slider, you can customize their functionality to have a small, unobtrusive call-to-action that follows the visitor from page to page, you can choose when the popup shows up (e.g. showing up immediately, waiting until the user clicks the small CTA, or only showing up upon exit-intent), and you can customize the look and feel to match your site. (These are but a few of the options you have with the Lightbox and Slider!)

Exit-intent Offer vs. Timed Offer

Two of the most effective ways to implement the Lightbox are thus: to have it show up whenever a customer goes to leave a page; to have it pop up on its own after a certain period of time. Which one you do depends on what you feel is best for your business.

Exit-intent Offer

For the exit-intent option, it can be highly effective to simply repurpose an offer in the form of your Lightbox. For example, say that you have dropped the price of a product from $15 to $10. A visitor may very well be attracted to it when they see the “$15.00 only $10.00!” price tag, but maybe the idea of “$5 off” isn’t appealing enough to them. When they go to exit the page, your Lightbox will pop up and will reiterate the offer, but in different terms: this time it will say “Wait! Want to save 33% off?” which, while the same offer, can be interpreted differently by the visitor. They feel they are saving a lot when they think “33% off,” and with that you’ve got them hook, line, and sinker.

Timed Lightbox Option

With the timed option, you can easily implement a coupon offer. (You can see how to set up coupons in WooCommerce here.) With this implementation, if your visitor is on a page for x-number of seconds, a Lightbox will pop up offering a coupon in exchange for their email (an example offer would be “Save $10 on your first order! Enter your email so we can send you the code.”).

Additional Option: The QA Widget

If you have an expensive product, customers may feel more comfortable talking it over before purchasing it. In this case, a simple coupon code won’t necessarily suffice to convert them. This is where the QA Widget comes in.

The QA Widget increases your customer's faith in you

Think of the QA Widget as a blend of the Lightbox, a contact form, and a non-live chat session. It is a popup that gives users the (accurate) impression that though you may not be immediately reachable, you will respond to their needs and are happy to help. Many QA Widgets implement a headshot as well in order to make them feel more personal. Customers enter basic info (often a name and email address, but you can customize it to your own needs) and a question they have, and are quickly assured that they will receive a prompt response.

As it is not the main focus of this article, we won’t go into depth on it. However, you can find out more and read how to set one up yourself here (and if you’d rather not do it all yourself, the Digioh team is always happy to help you get it set up and personalized).

The Lightbox Setup

Now we get to the biggest part of this article: getting your Lightbox set up! What you want out of the Lightbox really depends on you—and there are enough ways to customize it that you’ll definitely be happy with how it turns out.

1. The Preliminary Stuff

First things first: we’ve got to get signed up with Digioh. You can get a free trial account so you can get a feel for all this, or you can hit us up and we’ll be happy to show you a quick, personalized demo for all of this!

(In addition to signing up for a Digioh account, don’t forget to install the Digioh WooCommerce plugin!)

2. Getting Familiar with the Lightbox Design

Okay, so now that you’ve got the basics set up, how do you want your Lightbox to look? After signing in to your account, head on over to the “Lightboxes” tab (if you weren’t taken there automatically) and hit the “New Lightbox” button.

Main Lightbox Page

From here, you have all sorts of prebuilt themes you can build on and alter. Just browse through them till you find something you like, then select it (remember, you can always change things about it!).

Now that you’ve selected your base Lightbox, you’ll see all sorts of options on the left. Go ahead and edit to your heart’s content—that’s what they’re there for!

3. Setting Rules for Your Lightbox

Satisfied with how it looks? It’s time to set conditions for it now. Click the “Edit Conditions” button in the “Conditions” tab on the left.

The Lightbox has several options

Here, you’ll see an “Add Conditions” button; clicking it will give you the option to add a new rule for your Lightbox. This can range from if the Lightbox pops up on its own (and how quickly) to only allowing the Lightbox to pop up for first-time visitors who are on Chrome at a desktop (as an example) to having it only appear until a certain date (which is great for advertising promotions). These are only a few examples of what it can do; a complete list would take a long time!

Once you’ve decided on the rules and conditions appropriate for your situation, hit “Publish” and get ready to watch leads generate themselves.

Always Follow Up

You’ll want to make sure you follow up with all the emails you collect. Using a simple email-marketing solution like MailChimp or Constant Contact makes this easier (and so subsequently nets you more revenue); we’ve seen the greatest success with the following email frequency: send a first email immediately (this gets the highest open rate), another email two days later, and another email seven days later. Pro-tip: make sure you include some of your hottest products and an offer (like free shipping or a coupon code).

This is all a lot, but it is well worth the time and effort. Just remember: the Digioh team can help set this all up for you (or even just point you in the right direction)—just request a demo.