Tag Archives: Salesforce Marekting Cloud

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.