Skip to content
Digioh HowToDigioh HowTo
  • Get Digioh
  • Pricing
October 1, 2016 by Rishi

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

How to Set Up a WooCommerce Pop-up on Exit or Timer for MailChimp
October 1, 2016 by Rishi

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

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

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 used so 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).

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.

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: setting up the Lightbox. Like we mentioned before, what you want out of the Lightbox really depends on you. There are many ways to customize it to your needs.

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.

(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

1. Enabling Automation

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

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

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

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.

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.”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.

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).

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 Set Up a WooCommerce Pop-up on Exit or TimerWooCommerce works great with a LightboxNext article How to Set Up a WooCommerce Pop-up on Exit or Timer for Constant ContactWooCommerce 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