An Overlay is a simple pop-up that appears just as your visitor is about to leave your website. It is a tool that is used to reduce website and shopping cart abandonment. It provides an effective new opportunity to re-engage with the visitors and catch their attention before they leave your website.

By showing a compelling motivating message, abandoning visitors can be persuaded to return to your site and make a purchase. The effectiveness of this technology lies in visitor psychology and pre-established knowledge of visitor behavior.

The benefits of the Overlay technology can be felt nearly immediately. Your site will experience

In the campaign summary page you can see all the stats about a selected campaign.

Available information includes stats, graph, campaign targeting settings and linked ads.

Pressing "Targeting" button will open campaign targeting settings.

If you want to trigger Overlay banner with a click on a button or in some other way, you can set a manual trigger when creating an overlay at the "Targeting visitors" step:

When the script is executed, system will trigger the particular overlay to show up

It is possible to add dynamic content to the Overlays that you create on the MaxTraffic platform.

1. Creating dynamic variables

To be able to create dynamic content, first, you will need to add dynamic variables into the system. In order to do that, the tracking script has to be changed a little bit.

Now, if your website ID is 999, then normally the tracking script for your website would look like this:

Inside this tracking script, you are going to create the dynamic variables. All of them need to be defined, as well as assigned with values within the script. 

Adding dynamic

1) Create an Overlay campaign, select at least 2 Ads

2) A/B testing starts automatically – each Ad is shown at least 500 times, and the most effective Ad remains active, others are deactivated. You can see statistics about each Ad when you click on campaign name in Overlays section.

3) If later with new impressions the active Ad starts to perform worse than others, then the most effective Ad is activated, others – disabled. So A/B testing process is running all the time. 

How does the system decide, which is the best performing Ad?

a) If there is any

Step 1: upload your banner and open it in the Ad Editor

Step 2: Go to the "Elements" section and click on "20%OFF" (discount code widget) in Ad Editor

That is it - now you can configure colors and other settings:

How will it work?

If you use a discount code element in a banner, then after visitor will close this banner, he will still be able to see the discount code in a small Ribbon at the bottom area of the site. 

In case you also decide to use a countdown timer, then after closing the banner, the small Ribbon will

To create a campaign go to "Overlays" section and click "Add Overlay" button. In the first step you decide whether to show campaign to desktop & tablet or phone users. Choosing device will generate pre-made templates for selected option. 

The second step is where create your overlay banner.

Upload new ad

Clicking on "Upload New Ad" button opens a popup box. Here you can choose two options:

Upload standard banner

Lets you upload a banner or multiple banners where you define your ads name and url it will lead to on click. If you select multiple banners for one campaign we will commit an A/B test. i.e. platform will show different ads to different visitors, evaluate the results of each ad and finally only the best performing ad will stay active. 

Upload email subscribe banner

This is essentially the same

In the second step you will set targeting options for campaigns.

Show to

All incoming visitors This option allows to show ad to any visitor opening your site. Targeted visitors can be narrowed with other targeting options we offer. Visitors who are about to leave your site This is where we use Exit Intent technology to detect which visitors are about to leave. If you choose this option banner will be shown to visitors who move their cursor out of the browser pane. Trigger manually with JavaScript This option provides you a script code which you can use in your code

Campaign start and end date 

Allows you to set start and end(optional) date of campaign.

Advanced Schedule 

Allows you to set specific days and time when to show campaign

Frequency capping

Is a term that you might have heard of when talking about regular media campaigns. With this option you can set a period and an amount of maximum campaign impressions one visitor could get.  We suggest to always using some kind of frequency capping so that you would not annoy your visitors with messages on each exit.  Throughout the platform we have an additional limit so that one campaign

In the last step you can define your campaign name and see the overall info.

Here you can customize and preview your banner. 

Templates

Here you have a list of pre-made and your previously saved templates that you can use for your banner.

Background 

Here you select a background for your banner. It can also be transparent which is a good way to shape your banner in non-rectangular way.

Elements

Here you have a selection of different pre-made elements that you can use for your banner. "Add HTML" button lets you import any HTML code on to your banner.

Upload

Lets you upload images that you can use for your banner. Previously uploaded images are