With smart add-ons (overlays, side boxes, bars, and more), you can engage your visitors with personalized offers. Learn how to set them up.
Smart add-ons are a non-intrusive way to show personalized offers to your visitors. You can think of them as the low-key version of on-site personalization since they're easier to set up, require less planning, and bring results quickly.
We regularly create new templates to grow our library of smart add-ons. Currently, you can choose between three add-on types (overlay, side box, bar) which are fully responsive and mobile-friendly. Read on to learn how to set up each type.
As the name suggests, smart 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.
Navigate to the personalization tab and click on New personalization, select Smart add-on and go to the Overlay tab to choose your design. The design can be customized in the next steps.
Next, configure your overlay. In the main settings you can choose what pages and audiences to include/exclude. In advanced settings, you can control when the popup will appear and how long it remains hidden after a visitor interacted with it (ie closed the add-on or clicked the CTA button). Optionally, click on "Exclude from the control group" so this personalization shows to all users.
With a side box, you can capture your visitors’ attention without interrupting their browsing experience. They are ideal for showcasing related content and to create targeted offers. 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.
Navigate to the personalization tab and click on “New personalization”. Select Smart add-on and go to the Side boxes tab to select your design.
Before you design your side box, set its display settings; one page vs. multiple pages, including/excluding audience(s), define when the add-on appears, and finally, how long it remains hidden after a visitor interacted with it.
With smart 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.
Click on the "new personalization" button, select Smart add-on and switch to the Bars tab. From here you can pick a default design that can be customized in the next steps.
First, you will have to decide on the display settings. Choose on how many pages you would like to show the bar (one page vs. multiple pages), define an audience, and (optionally) hide the bar from certain visitors by excluding audiences. In the advanced settings, you can determine when the add-on appears and how long it remains hidden after a visitor interacted with it (ie closed the add-on or clicked the CTA button).