Skip to content
Digioh HowToDigioh HowTo
  • Get Digioh
  • Pricing
September 29, 2016 by Rishi

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

How to Set Up a WooCommerce Pop-up on Exit or Timer
September 29, 2016 by Rishi

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

The timed option allows you to easily implement a coupon offer. 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.

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: you need a Digioh account. You can get a free trial account so you can get a feel for all 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.

[Related: 5 Ways to Supercharge Your Email Marketing (Infographic)]

Share this:

  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on X (Opens in new window) X
  • Click to email a link to a friend (Opens in new window) Email
  • More
  • Click to print (Opens in new window) Print
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on Reddit (Opens in new window) Reddit
Previous articleHow to enable the Wix Lightbox on my Wix Mobile Website?Next article How to Set Up a WooCommerce Pop-up on Exit or Timer for MailChimpWooCommerce works great with a Lightbox

About Digioh

Digioh powers personalized forms, pop-ups, surveys, product recommendation quizzes, landing pages, and preference centers for leading brands. With a drag-and-drop builder, 400+ integrations, powerful targeting, and a custom JavaScript editor, Digioh helps you convert site visitors into customers. Visit us to learn more!

Latest Posts

  • How to Build a Product Recommendation Quiz for eCommerce
  • How to Embed a Calendly Scheduler Widget in Your Pop-Ups to Book More Demos
  • How to Build Landing Pages Integrated with Segment
  • How to Integrate Your Preference Center with Segment
  • How to Build a Preference Center for Sales Cloud (Salesforce CRM)

Categories

  • ActiveCampaign
  • AWeber
  • Campaign Monitor
  • Constant Contact
  • Customer.io
  • Digioh
  • E-commerce Personalization
  • ExactTarget
  • GetResponse
  • Google Analytics Salesforce Marketing Cloud
  • iContact
  • Infusionsoft
  • Mad Mimi
  • Magento
  • MailChimp
  • Salesforce
  • Salesforce Commerce Cloud
  • Salesforce Marketing Cloud
  • Segment
  • SendGrid
  • VerticalResponse
  • Weebly
  • Wix
  • WooCommerce
© 2023 Digioh