Tag Archives: Digioh

WooCommerce works great with a Lightbox

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

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

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

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 read 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 it 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 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: we’ve got to get signed 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

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. 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 Build a Constant Contact List With Your Magento Customers

Growing your email list is a great way to encourage repeat business. Follow these instructions to grow  your Constant Contact list with Magento and Digioh.

Create Your Lightbox

Start by creating a lightbox for your store. If you want to incentivize sign ups, you may want to add a coupon code to your thank you page.

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. If you’re using required fields on your list, make sure the forms on the lightbox match up with the required forms within Constant Contact.

2. If you decide to add a coupon, be sure to put it on your thank you page.

add a coupon for your Magento customers

 

3. Be sure to set up a Constant Contact integration within Digioh, and add it to your lightbox.

Create Some Autoresponders

Be sure to set up a couple of autoresponders within Constant Contact. If you aren’t familiar with how to set up an autoresponder, take a look at their tutorials.

Create an autoresponder to inform your subscribers about any and all upcoming sales or promotions.

Consider offering subscriber-only coupons to encourage your customers to join your list, and stay on it.

Remember, the best way to keep subscribers is to create emails that provide value. Value can mean a lot of different things to different people; experiment with sales, coupons, and helpful information to see what your subscribers consider to be of most value, and provide more of that type of content going forward.

 

How to Create an Exit Intent Lightbox With ExactTarget

 

There’s no shortage of evidence that using an exit intent popup or lightbox is an extremely effective way of salvaging abandoning site visitors. Simply put, an exit intent lightbox is automatically triggered at strategic points throughout a site the moment a visitor “intends” to exit it (typically by moving the mouse pointer off the active window or screen). The goal of the lightbox is to present content that is engaging enough to keep the visitor from going through with that decision.

Examples of exit intent content include newsletter sign-up prompts, free downloads, and special offers or discounts. As you can see, triggering the display of promotional content is particularly effective when it comes to salvaging shopping cart abandonment.

Wait! This is a limited-quantity item. Finish the checkout process to make sure you get it.

If you are an ExactTarget customer looking to augment your email marketing campaigns with some exit intent technology, this tutorial is for you. By following these simple steps, you will learn how to create a Digioh Exit Intent lightbox that integrates with an email list in your ExactTarget account. For lightbox content, the tutorial uses a simple newsletter sign-up form.

Note: In case you were not aware, ExactTarget was acquired by Salesforce.com in July of 2013 and made part of Salesforce Marketing Cloud. See the announcement to find out more about the acquisition.

All these steps are specific to if you already have a Digioh account. If you don’t have one sign up for a free trial or schedule a demo. Make sure you mention our ExactTarget customer discount!

Part 1. Create an Exit Intent lightbox in Digioh

Step 1. Create a new lightbox

Log in to Digioh and click New Lightbox.

Click New Lightbox

On the Choose a Theme screen, select a theme suitable for email subscription sign-ups. You will customize and configure the lightbox in step 2.

On the Name Your Lightbox screen, enter a descriptive name (e.g., Subscribe to Newsletter) and click Save Name.

Enter a name for your Digioh lightbox and click Save Name

Step 2. Customize and configure your lightbox

The Layout section of the lightbox editor allows you to customize the look and feel of your lightbox including the container, text, buttons and images. For detailed help, see the Editor section of the Digioh Knowledge Base.

Customize your Digioh lightbox

When you are finished customizing the layout, click the Form section below the Layout section of the editor. In the After Form Submit drop-down list, select show thank you page (for more help on this option, see How do I change what happens when my lightbox form is submitted?).

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

On the Digioh navigation bar, click Lightboxes. Your new lightbox is now listed on the Lightboxes screen. You have not yet published the lightbox so it is not live.

View your Digioh lightbox listed on the Lightboxes screen

Step 3. Add an Exit Intent condition to your lightbox

Every Digioh lightbox has a condition that determines when it gets displayed. To make your lightbox appear when a visitor exits your website (in other words, to make it an Exit Intent lightbox), you must add an Exit Intent rule to its condition.

To start adding the condition to your lightbox, click Add in the lightbox’s Conditions column.

In the Conditions pop up, click Add Conditions.

Click Add Conditions

Click Add New Rule.

Click Add New Rule

In the Choose a property drop-down list, select Exit Intent under the Action section.

When the Exit Intent rule appears in the pop up, select the mouse action that will make the lightbox appear (for example, Mouse exits window top or Mouse exits window left). When you’ve made your selection, click Save.

Select the mouse action that will make your Digioh lightbox appear

Tip: To make sure you capture exits from all sides of the screen, add a rule for each possible mouse exit (window top, bottom, left, and right).

Step 5. Publish your lightbox

Once you’ve added the Exit Intent rule and saved the condition, you’re ready to publish your lightbox.

In the condition pop up, click Save & Publish and then click Close. The Lightboxes screen now shows that a condition has been added and that the lightbox is on and live.

A condition has been added to your Digioh lightbox and it is on and live

Part 2. Integrate your lightbox with your ExactTarget account

To integrate your Exit Intent lightbox with your ExactTarget account, you must create an ExactTarget integration and then add the integration to the lightbox.

Step 1. Create an ExactTarget integration

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

Click Integrations

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

Click Create a New Integration

On the Add New Integration screen, select ExactTarget from the Integration drop-down list and then click Create Integration. If you want, you can also edit the Friendly Name.

Create an ExactTarget integration

Step 2. Connect Digioh to your ExactTarget account

When the Authenticate Your ExactTarget Account screen appears, enter your ExactTarget Username or Email and Password and then click Connect Account.

Step 3. Choose the ExactTarget email list

When the Choose List screen appears, click Select next to the ExactTarget email list you want to integrate with the lightbox.

The new ExactTarget integration now appears on the List Integrations screen. Confirm that Is Valid is set to True, the Endpoint is ExactTarget, and the email list is the correct one.

Step 4. Add the ExactTarget integration to your lightbox

On the Digioh navigation bar, click Lightboxes.

On the Lightboxes screen, click Editor in your new lightbox’s Actions column. You can also click the lightbox’s name.

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

Add an integration through the lightbox editor

In the Choose Integrations drop-down list, select the ExactTarget integration you created in step 1 and click Save.

Choose the ExactTarget integration

At the top of the editor screen, click Save & Publish. To return to the Lightboxes screen, click Lightboxes on the Digioh navigation bar.

The screen now shows that your lightbox is complete with a condition and an integration. It is on and live and ready for use.

Part 3. Integrate your lightbox with your website

The final piece in this tutorial is how to integrate your Exit Intent lightbox with your website. The Digioh lightbox app easily integrates with most content management systems and web builders available today. In another post, for example, we showed you how to integrate an Exit Intent lightbox with Magento. To learn more about other available integrations, see the JavaScript Installation section of the Digioh Knowledge Base.

Hope to see you here again soon to check out the next installment in our Digioh Lightbox series.

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.