hero image

How to create an experience

Find out how you can create an experience for your visitors using Unless.

In Unless, you can create two types of experiences: on-site and add-ons. In this article, we'll walk you through the steps for setting up an on-site experience. As the name suggests, on-site personalizations allow you to make changes directly on the page. You can, for example, adjust the content, buttons, images, move or delete page elements, and more.


Experience settings

Once you've selected "create new on-site" you will be led to the Settings page for this experience. Here you can give your experience a descriptive name and select who you would like to target by including or excluding audiences you've already created. This is also where you define whether you'd like to apply your experience to single, multiple, or all pages.

If you aren’t sure which pages to start with, your homepage, landing pages, and checkout pages are always good choices. You can also take a look at your analytics data to find some more inspiration. If you're wondering what to personalize, headlines, images, the value proposition, and the call-to-action are a good place to start.


Here is a live example from our website: an experience we've set up on the homepage for logged-in users. The name, page, and audience have all been defined.

Advanced settings

Next up, see if any of the advanced settings are relevant for the experience you are creating. Here you can make use of custom tags to keep your account organized. You can schedule your experience to start and/or end at a certain date and time. It is also possible to exclude your experience from the control group or to redirect to a different page.


Experience editor

Once you've adjusted the settings and clicked "save" you can select "open experience editor". Here the page you've defined will load within the Unless editor and you can start making changes.

The basic premise of personalization is that your visitors have different needs and expectations and with experiences, you can tailor your website to each of them.

You can edit text, swap out images, or change CTAs. You can also delete, add, or move page elements. Finally, you can use advanced editing features to add custom Javascript and CSS as well. We created a separate guide that explains all the features of the design editor.


In this screenshot, you can see our WYSIWYG (what you see is what you get) editor as well as the side-panel on the right where you can set-up a micro A/B test, add custom code and more. Additionally, using the icons at the bottom, you can check how the page will appear on desktop, tablet, and mobile devices.

Ready, set, go!

Once your experience is ready, you can save your draft, publish, and go live. Keep in mind that it is good practice to preview your experiences and test the page(s) you changed.

You can preview an experience via the settings page of that experience or the general Personalizations tab, using the eye icon. That's all you need to know, now its time to create your on-site experience!


Frequently asked questions

The number of experiences (and thus tests) is unlimited, as well as the number of variations in an A/B/n test.

This is an advanced feature. You can use it if you want the same experience to be applied to multiple pages in a section of your website - or your entire website. It is very useful for optimizing the navigation bar or a page footer.

In the dashboard, choose 'experiences'. Each experience in the list contains a delete function, under the 'triple dot menu' on the right. Clicking this option will remove the experience.