WooCommerce works great with a Lightbox

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

Constant Contact and WooCommerce are two of the largest frameworks used by eCommerce businesses today, and each on their own is incredibly effective. Together, they are even more effective, and thanks to Digioh’s Lightbox, you can easily and quickly set your site up to benefit from that synergy.

The Lightbox and the Slider

The Lightbox is a pretty useful popup box: generally speaking, it presents an offer to a visitor in exchange for their email. Many blogs and major eCommerce sites (like Shopify, BigCommerce, or Magento) made use of it.

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

When a Lightbox is set up on a site, visitors to it will see the Lightbox and be prompted to input their email address in exchange for something nice—a discount code, a free ebook, a free trial of a product, etc. Once they’ve provided their email address, the site owner can use that to start marketing to them, thereby increasing 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 them in many ways: you can 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 of it to match your site—among many other things.

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, let’s say you’ve dropped the price of a product from $15 to $10. A visitor may very well find the “$15.00 only $10.00!” price tag appealing, but maybe the idea of “$5 off” isn’t appealing enough to them. When they go to exit that 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 a given number of seconds, a Lightbox will pop up offering a coupon in exchange for their email (e.g. “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 with to talk 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 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 a little info info (like their 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 learn 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 this 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 the myriad of customization options let’s you figure that out.

1. The Preliminary Stuff

First, sign 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

Second, figure out how 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!).

Once you’ve decided on a particular theme, you are free to customize it in pretty much any way you can think of.

3. Setting Rules for Your Lightbox

After you’ve finished customizing its look and feel, t’s time to set conditions for it. 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 different rules 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 rules and conditions, hit “Publish” and get ready to watch leads generate themselves.

Always Follow Up: Constant Contact

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

Constant Contact provides a full write-up of instructions here and here, but we’ll give you a quick rundown here for ease.

Step 1: Setting Up the Autoresponder

This is actually pretty simple. You’ll first need to click on “Email” and then “Autoresponder.” After that, hit “Create New Series.”

Now you’ll fill in some basic info like a name for this autoresponder series and select which lists you want the autoresponder to apply to. Once you’ve got that done, click “Continue,” then “Add automated email.”

Now go ahead and hit “New” (unless you already have an email layout design, in which case you’ll click “Copy”). Create a name for the email, and then hit “Next.” Now select an email template and edit its content.

Finally, adjust the message settings as necessary, hit “Next,” and go ahead and do some final tweaks and hit “Finish.”

Step 2: Scheduling the Email

Go back to the main Autoresponder page, but this time click the “Schedule” option in your email’s row. Input the number of days you’d like the system to wait before sending the email, and then hit “Save.”

That’s it!

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.