Category Archives: MailChimp

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.

How to Give a Coupon on WooCommerce and Trigger a Reminder Email via MailChimp

Offering coupons to your customers can really encourage sales! Follow these steps to share a WooCommerce coupon with your visitors, and remind them about it via Mailchimp.

Create Your Coupon

First thing’s first, start by creating the coupon in WooCommerce. Just follow these steps to set up your coupon.

1. Log into WooCommerce and go to WooCommerce > Settings > Checkout. Tick the checkbox to enable the use of coupons.

Enable coupons in WooCommerce

2. Now go to WooCommerce > Coupons. Here you’ll be able to add a new coupon, or edit an existing one.

Create a coupon in WooCommerce

Create Your Lightbox

Now set up a lightbox that will show your coupon code to your visitors. Check out the editor section of our support database for detailed info on how each part of the editor works.

1. Start by setting up the form on the lightbox. Add whatever fields you want to collect from your users.

2. Put the coupon code you just created in WooCommerce on the thank you page.

Add your WooCommerce coupon to the thank you page of your Digioh lightbox

3. Now create a Mailchimp integration in Digioh, and connect it to your lightbox.

Now you have a lightbox that will send your visitors’ info to Mailchimp and show them a coupon after they enter their info.

Create A Mailchimp Autoresponder

If you aren’t familiar with how to set up an automation workflow in Mailchimp, check out this tutorial.

1. Set your automated workflow to trigger the first email immediately after a new subscriber is added to your list. Add the coupon code you created in WooCommerce to this email.

2. Set up another email to trigger a day after the user subscribes. Include the coupon in this email as well.

Now you have presented the coupon to your customer in three distinct ways. This is sure to yield increased sales in no time! If you need help setting any of this up, let us know and we’ll be happy to help you get everything up and running!

How to Create an Exit Intent Lightbox With Magento

Magento - Open Source eCommerce

An Exit Intent lightbox appears to visitors when they leave your website and is a simple but effective way to capture and convert those visitors before you lose them. A typical example of an Exit Intent lightbox is a sign up form for an email newsletter.

In this tutorial, we show you how to create an Exit Intent lightbox in Digioh that displays an email sign up form and then integrate the lightbox with your Magento account so the form appears when visitors leave your store. To round out the tutorial, we also show you how to integrate the lightbox with your MailChimp account so subscribers are added to a list and receive a welcome email.

Part I. Create an Exit Intent lightbox in Digioh

To create an Exit Intent lightbox in Digioh, first create an associated Exit Intent rule that tells the lightbox to appear when the user’s mouse exits the browser window on one of its four sides. Then create a lightbox condition and add the Exit Intent rule to the condition in order to set up the association.

Step 1. Create a new lightbox

Log in to Digioh and click New Lightbox.

Digioh Lightboxes | New Lightbox

On the Choose a Theme screen, select one of the email sign up themes. Don’t worry about design for now.

On the Choose a Condition for Your Lightbox screen, click Skip This Step.

On the Name Your Lightbox screen, enter a descriptive name (e.g., My Exit Intent Lightbox) and click Save Name.

Digioh Lightboxes | Name Your Lightbox

Step 2. Create an Exit Intent rule

On the Digioh menu, click Rules and then click Create a New Rule.

Digioh Rules | Create a New Rule

On the Create a Rule screen, select Exit Intent from the Rule Property drop-down list, select the mouse exit that will trigger the lightbox (e.g., Mouse exits window top), and then click Save Rule.

Digioh Rules | Save Rule

Step 3. Create a condition

On the Digioh menu, click Conditions and then click Create a New Condition.

Digioh Conditions | Create a New Condition

On the Create New Condition pop up, enter a name for the condition (e.g., Exit Intent Condition), select the lightbox you created in step 1 from the Lightbox drop-down list (My Exit Intent Lightbox), and then select the rule you created in step 2 from the Rules drop-down list (Exit Intent).

Click Insert Rule and then click Save.

Digioh Conditions | Insert Rule and Save Condition

Step 4. Customize and preview your lightbox

On the lightbox list, click the name of the lightbox to open it in the lightbox editor.

Digioh Lightboxes | Editor

Customize the layout, text, buttons, and images on the sign up form as needed. You can also add blocks of custom HTML code. For detailed help, see the Editor section of the Digioh Help Docs.

Digioh Lightboxes  | Editor | Edit Layout

To choose what happens after a user submits the lightbox form, click the Form section below the open Layout section and make the needed changes (for detailed help, see How do I change what happens when my lightbox form is submitted?). The default behavior is to show a Thank You page.

To preview how your lightbox will look and work, click Save & Preview and then select Preview Exit from the drop-down menu.

Step 5. Publish your lightbox

When your lightbox looks and works the way you want, click Save & Publish and then click Lightboxes to return to the lightbox list. You can now confirm that the lightbox is live and turned on.

Digioh Lightboxes | Save and Publish Lightbox

Part II. Integrate the lightbox with your Magento store

To integrate your Exit Intent lightbox with your Magento store, copy and paste the embed code snippet generated by Digioh.

Step 1. Open the Magento design editor

Log into your Magento account.

On the Magento Admin Panel menu, click System and then click Configuration.

Magento Admin Panel | System Configuration

On the left sidebar, click Design under Configuration.

Magento Admin Panel | System Configuration | Design

Step 2. Copy the embed code snippet

Go back to your Digioh account.

Click your name on the upper right-hand corner of the screen and then click Setup Instructions on the drop-down menu.

Digioh Integrations | Setup Instructions

On the Setup Instructions screen, select and copy the code that appears in the Embed Code Snippet box.

Digioh Integrations | Setup Instructions | Embed Code Snippet

Step 3. Embed the code in Magento

Go back to the Magento design editor.

Scroll down to the Footer section and click inside the Miscellaneous HTML text box. Paste the embed code you copied in step 2.

Magento Admin Panel |  System Configuration | Design | Footer | Miscellaneous HTML

Click Save Config.

Magento Admin Panel | Save Configuration

Your Digioh Exit Intent lightbox is now integrated with your Magento store. If you need more help on using the Magento Admin Panel, visit Magento Help.

Part III. Integrate the lightbox with a MailChimp list

To integrate your lightbox sign up form with a MailChimp list, connect your Digioh account to your MailChimp account and then select the list. To automatically send subscribers a welcome email, use the MailChimp Automation feature to set up a welcome message workflow for the list (see the section on Automation in the MailChimp Knowledge Base).

Step 1. Connect your Digioh account to MailChimp

Go back to your Digioh account.

Click your name on the upper right-hand corner of the screen and then click Integrations on the drop-down menu.

Digioh Integrations

On the List Integrations screen, click Create a New Integration.

Digioh Integrations | Create a New Integration

On the Add New Integration screen, select MailChimp from the Integration drop-down list and then click Create Integration.

Digioh Integrations | Add New MailChimp Integration

In the Connect Digioh to your account form, enter your MailChimp Username and Password, and then click Log In.

Connect Digioh to MailChimp

Step 2. Select the MailChimp list

On the EM Choose List screen, click Select next to the MailChimp list you want to integrate with the lightbox sign up form.

Note: If you want subscribers to automatically receive a welcome email, select a list that you have configured with a welcome message automation workflow (see the section on Automation in the MailChimp Knowledge Base).

Digioh Integrations | Choose MailChimp List

On the List Integrations screen, confirm that Is Valid is set to True, that the Endpoint is MailChimp, and that you have selected the correct mail list.

Digioh List Integrations

Step 3. Add the MailChimp integration to the lightbox

On the Digioh menu, click Lightboxes.

On the lightbox list, click the name of the lightbox to open it in the lightbox editor.

Digioh Lightboxes | Editor

In the lightbox editor, click the Integrations section and then click Add Integration.

Digioh Lightboxes | Editor | Add Integration to Lightbox

In the Integrations section, select the integration you created in step 1 (MailChimp) and click Save.

Digioh Lightboxes | Editor | Choose and Save Integration

Click Save & Publish and you’re done.

Be sure to test and preview your lightbox on your Magento store. Better yet, sign up through the lightbox to really see things in action.

How to Attach a File in a MailChimp Newsletter

MailChimp Logo

With the combined power of MailChimp and Digioh you can now create even more dynamic, must-read e-newsletters by featuring great downloadable content.  What’s even better is that it’s simple to do.  Just follow these steps below to learn how.

Step 1: Create a Digioh account and connect it to MailChimp

Sign up to Digioh for free, and connect your MailChimp account.

Connect MailChimp and Digioh

Step 2: Upload your file and set the security level

Use the red Select a File button to choose the file (up to 2 GB) you want to upload. Under Security Options you’ll be able to set the security level for the file.  The security level tells Digioh what to do when someone who is not on your list tries to access your file.

Upload file and set security level

With List Grower Security, if a person is not on your list, it will ask them to sign up in order to download the file.
With Membership Security, only those already subscribed to your list are allowed access.

Learn more about Expiration Options and Download Tracking.

Step 3: Customize your download page

Add your logo and customize your download page for a branded, professional look. Customize your Digioh download page

Save your changes and move to the next page.  Here you’ll be given the download link to copy and paste into your MailChimp newsletter. Notice the MailChimp email merge field is included at the end of the link.  This allows Digioh to track which subscribers are most engaged and are downloading your files.

Copy the Digioh download link for MailChimp

Step 4: Paste your Digioh download link in your MailChimp newsletter

In MailChimp, create a Regular Ol’ Campaign for your newsletter.

Create a MailChimp campaign     Create a Regular Ol' Campaign in MailChimp

In the editor, compose your newsletter and insert your Digioh download link.  To create a hyperlink, just highlight the words you want to be linked, then click on the link icon.  You can also upload and link an image, such as a download button.

Insert the Digioh download link in the MailChimp editor

Remember, you can use free downloads to reward your existing subscribers, but consider using them to incentivize new subscribers, too. Check out our How To article on sending a file right after someone subscribes to your list.

How To: Send a Secure File after Someone Signs Up on your MailChimp Form

MailChimp Logo

If you run a website and do much of your marketing through email, a popular way to gain more subscribers to your mailing list is to offer a special incentive for signing up, such as access to a free ebook or magazine. You can now easily send your subscribers a download link to your document immediately after they sign up with your MailChimp form. Follow the steps below to learn how.

Step 1: Create a signup form in MailChimp

Login to MailChimp and go to your Lists.
 Next to the List you want people to sign-up for, click on the drop-down arrow and then select Signup forms.

MailChimp List Sign Up

On the next page, choose General Forms. You’ll perform a few steps here to customize each step in your signup process.

Customize MailChimp Signup ProcessUse the WYSIWYG editor to:
1) Customize your Signup form,
2) Signup form “thank you” page*,
3) Opt-in confirmation email, and
4) Confirmation “thank you” page.

On the Confirmation “thank you” page reserve a spot for your file download link. We’ll return here later.

Lastly, under #5, the Final “welcome” email, decide if you want to leave this email on or turn it off.

After you finish your set up, you can share the provided link to your form or you can embed it in your website.  To embed it, go to Signup Forms > Embedded Forms, and scroll down to find the copy/paste code on the bottom-right.

*On your Signup form “thank you” page you might add some text explaining when your subscriber will receive their download.MailChimp Customized Text on Signup Thank You Page

Step 2: Create a download link to your file with Digioh

Now that you’ve set up your form, you’ll need to set up your document.  First, sign up for Digioh, a service that allows you to send, track, and protect files for your MailChimp subscribers.

Once you have a Digioh account, connect it to your MailChimp account and Add a File.
Link Digioh and MailChimp Accounts
Under Security Options, you’ll see a few choices: List Grower Security (a person can sign up to view the document), Membership Security (the person must already be on your list to view it), or No Security.  Since we want sign ups in this case, choose your list from List Grower Security.  This way, if anyone forwards the link to your document, they’ll be prompted to join your list.
List Grower Security

After setting your options, move on to the next page. Your document will upload and you’ll receive the download link to copy/paste in MailChimp.
Digioh Download Link for MailChimp

Step 3: Paste your Digioh download link in MailChimp

With your download link in hand, you can now go back to MailChimp and place your link in the Confirmation “thank you” page, giving your subscriber instant access to your file.MailChimp Customized Text on Confirmation Thank You Page

In addition, you can also send the file in an autoresponder email, which can be sent as early as the top of the hour after someone signs up, so they’ll easily be able to save it in their inbox for later reference.

To create an autoresponder email, navigate to your sidebar and click on Autoresponder, then Create Autoresponder email.

First, select the list you want to send the autoresponder to and choose “entire list.”  On the next page choose Subscription to list as the event trigger, uncheck the trigger-on-import box, set the email to be sent Within the hour of the sign up, and finally, make sure that it will be sent out on all days.

MailChimp Autoresponder Configuration

Keep following the steps and you’ll soon be able to design your autoresponder.  To customize the template, just click on a “block” and edit on the right.
MailChimp Email DesignerSave your design and make sure the text-version looks okay, too.

On the last screen you’ll need to review MailChimp’s checklist and fix any outstanding issues.  Once you’ve done that, Preview and Test your email to make sure it looks good in your inbox.  Then, and most importantly, click Start Autoresponder!
MailChimp Autoresponder Set Up Final Steps

Phew!  I know we’ve come a long way, but before you go live, be sure to test your whole set up by subscribing yourself to your list through your Signup Form.  Remember, you will need to wait until the top of the next hour to receive your autoresponder email, but everything else should be nearly instant.

If you have any questions, just let us know in the comments below!

Best of luck!