How to set up add-ons

With add-ons (overlays, side boxes, bars,...), you can engage your visitors with personalized offers and capture leads.

Add-ons are a way to show personalized offers to your visitors and to capture leads at just the right time. You can think of them as the low-key version of on-site personalization since they require less planning, and bring results quickly.

Unless offers four types of add-ons: overlays, sideboxes, bars, and popovers. In terms of functionality, add-ons can be informative, capture email addresses, show a countdown timer, or ask visitors for additional information.

You can preview the different add-ons before choosing the one you would like to use. Remember that a lot of the visual elements are customizable so focus on functionality first. In most cases, your final add-on will combine these features into something unique to your business and your website.


Add-on types

Overlays As the name suggests, overlays (aka popups) appear as an additional layer on top of your page, focusing your visitors' attention on a single message. Often, they reach conversion rates 2-3 times higher than the website's average. Triggered on exit intent they are a great way to convert visitors who are about to leave your website.

You can use an overlay to show personalized discounts, capture leads by offering content upgrades, offer a product demo, reduce shopping cart abandonment, and so much more.

Sideboxes With a sidebox you can capture your visitors’ attention without interrupting their browsing experience. They are ideal for showcasing related content and to create targeted offers. You can use a sidebox for self-segmentation, to recommend content, create lead magnets, make announcements, promote events and webinars, and so on.

Bars With bars you can create non-intrusive header or footer bars that stay visible as visitors scroll through your website. They are a great way to guide your visitors through the conversion funnel and to focus their attention. You can use a bar to welcome visitors, capture email addresses, highlight important information, update customers about new features, grow your social following, and more.

Popovers You can use a popover to inform a visitor about something specific on the page they are viewing, a certain element. If you are selling clothes, on a product display page you can use a popover for size information. Running a travel or events website? Use a popover to highlight popular events on the homepage to create urgency as well as social proof.

Add-on functionalities

Email Collection With Unless, you can create add-ons that capture your visitor's email address. There are different templates you can choose from for this and the email addresses your visitors share can be found under the Traffic tab.

Self-segmentation The self-segmentation box is a special form of side box. It allows you to survey visitors and to personalize their website experience based on how they responded to your question. Here's a setup guide for self-segmentation boxes.

Countdown You can use one of our countdown add-ons to promote an upcoming webinar, create urgency around ticket sales or sign-ups, offer timely discounts, advertise your back-to-school or Valentine's day campaigns and so on. You can also combine this functionality with an email collector.

Informative With our informative add-ons you can notify visitors about delivery information, urgent messages, new mergers or product features etc. Since these add-ons are only meant to be informative, they generally don't have CTA buttons.

How to set up an add-on

When on the Personalizations tab, you can click Create personalization and then select Create new add-on. Now that you know the different types and functionalities available, you can use the filters to make your choice easier. Use the Preview buttons for a quick glance at different add-ons and once you've made your choice, select Use add-on.

Add-on settings

This will take you to the add-on Settings tab. You might notice that the settings for an add-on are very similar to on-site personalizations. You give your personalization a name, define the page(s) it should appear on as well as the audience(s) that should see it. Optionally, you can schedule your personalization and exclude it from the control group.

Additionally, when it comes to an add-on personalization, you can define when the add-on is shown (no delay, time on page, scroll distance, or exit intent) and how long it remains hidden after a visitor interacted with it (ie closed the add-on or clicked the CTA button). Once you are ready, select next and you will find yourself at the add-on design tab.


Add-on design

Once here, you can start designing how you want your add-on to appear. Color, font, text, and images can be edited under the Modal(/Bar) tab; the Button tab will allow you to configure the action/confirm/cancel button. Under Other you can add custom Javascript and CSS, from here you can also switch on Expert mode. Expert mode will activate advanced design options, such as shadows and button size, under Modal and Button.

While making adjustments you can use the Preview button to take quick glances at the current status of your add-on. You can also use the eye icon to preview your add-on on your selected page. Keep in mind that this will open in a new tab. Remember to save your add-on settings and design and switch it to live when ready.