WooCommerce works great with a Lightbox

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

WooCommerce is the web’s most-used eCommerce framework, and no wonder given its ease of use and variety of add-ons; MailChimp is one of the most popular email-marketing frameworks. With the Lightbox, the web’s best lead-generation tool, both of these tools can be used together in a synergistic relationship that gives you even more success.

The Lightbox and Slider

Let’s get through a few explanatory things before we get into this. The Lightbox is a popup box that (in most cases) will present an offer to a page visitor in exchange for their email. Many different blogs use it, and so do some of the largest sites like Shopify, BigCommerce, or Magento.

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 used to often is its effectiveness. When you set a Lightbox up on your site, visitors see it and are prompted to give you their email address in exchange for something nice—a coupon code, a free ebook, a free trial of a course, etc. Once they’ve given you their email address, you can use that to start marketing to them, increasing conversion and sales (sometimes by more than 1.5%!).

The Slider is an alternative to the Lightbox 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 do things like add a small, unobtrusive call-to-action that follows the visitor from page to page, choose when the popup shows up (e.g. show up immediately, wait for the user to click the small CTA, only show up upon exit-intent, etc.), and you can customize its look and feel to best match your site.

Exit-intent Offer vs. Timed Offer: Which one?

Two of the best ways to use the Lightbox are to have it show up whenever a customer goes to leave a page or 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 effective to simply repurpose an offer in the form of your Lightbox. As an example, let’s say that you’ve dropped the price of a product from $15 to $10. A visitor could be attracted by the “$15.00 only $10.00!” price tag, but the idea of “$5 off” doesn’t sound that great to them. When they go to exit the page, a 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, sounds much better than a simple five-dollar savings. And with that you’ve got them hook, line, and sinker.

Timed Lightbox Option

With the timed option, you can implement a coupon offer. (You can see how to set up coupons for WooCommerce here.) With this option, if your visitor is on a page for x-number of seconds, a Lightbox pops 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 discussing it with you before purchasing it. In this case, a basic 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 mix between the Lightbox, a contact form, and a non-live chat session. It’s a popup that gives users the impression that although you may not be immediately reachable, you will respond to their needs quickly and are happy to help. Many QA Widgets have a headshot as well in order to make them feel more personal. Customers need only enter basic info (often a name and email address, but you can customize it to your own needs) and a question they have, and they will be assured that they will receive a prompt response.

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

Lightbox Setup

Now for the biggest part of this article: getting the Lightbox set up. Like we mentioned before, what you want out of the Lightbox really depends on you: there are a plethora of ways to customize it so it works best for you.

1. Getting the Basic Stuff Out of the Way

First things first: you’ve gotta sign up for Digioh. You can get a free trial account so you can get a feel for it all, or you can hit us up and we can 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. Setting up the Lightbox Design

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 upon. Just find one you like and select it (remember, you can always change things about it!).

Now that you’ve selected your base Lightbox, go ahead and edit its look, feel, etc. until you’re satisfied with how it looks.

3. Implementing Rules for Your Lightbox

This is the last step in setting up the Lightbox. Click the “Edit Conditions” button in the “Conditions” tab on the left.

The Lightbox has several options

Hit “Add Conditions,” then the “Add a New Rule” option. This will bring up a dropdown with several options you can use; you can set things up that range from the Lightbox popping 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 but a few examples of what it can do; a complete list would take a long time!

Once you’ve gotten through that, hit “Publish” and get ready to watch leads generate themselves.

Always Follow Up: MailChimp

You’ll want to make sure you follow up with all the emails you collect. Using a simple email-marketing solution like MailChimp 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).

The Setup

This is pretty easy. (MailChimp’s site covers it here, but we’ll do a quick rundown for you.

Navigate to the Automation page.

1. Enabling Automation

First, go to the Automation page. From there, hit the “Add Automation” button and go to the “Explore Automations” page.

Add automation button with cursor

Locate the “Abandoned Cart” workflow and again click the “Add Automation” button.

Abandoned Cart workflow

In the popup that appears, select your connected store in the drop-down and click “Next.”

image of pop-up modal with store selected

2. Settings and Design

You should be brought to a checklist page; make sure all the settings are correct. For any that you would like to adjust (or if you’d like to see if there are other things you can edit) hit the “Edit Recipients” Button.

image of edit recipients button with cursor

Go ahead and edit any of the sections as you feel best.

As far as design, you’ll design this like you do with any MailChimp emails:

In the Content section of the checklist, hit “Design Email.”
image of design email button with cursor

Now go ahead and select a template, then adjust it as you desire. Once you’ve done that, hit “Start Sending” and you’re good to go.

image of start sending button with cursor

That’s All, Folks!

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.