Sticky block creation

We want to create a reassurance banner to encourage undecided visitors to download the software.

Create the segment

Access to the segment builder

To create a new segment, click on the "Preferences" icon on the top right of your screen.

 

For the website of your choice, here Mozilla, click on “X segment(s) parameter(s)”.

Then, click on “Add new segment” to create a new segment.

Conditions settings

We want our web personalization to be displayed for visitor browsing the website for more than 5 minutes. We want them to download Firefox, so it is useless to show the popin to visitors already using Firefox.

We are going to use the conditions "Time elapsed since session became active" and "Browser".

To exclude Firefox users, we will use the “Browser” condition in the “Technical” part.

To finish, click on the “Validate” button to save your segment.

Goal settings

Access to goal settings

Go to the "Configured sites" page.

In the “Reporting” part, click on “Kameleoon”.  If Kameleoon reporting tool is not set up, click on “Add a reporting tool”.

Then, click on “Add Kameleoon goal” to add your goal.

Setting up your goal

In our example, our goal is to make the visitor download Firefox. We will use the “Access to the page” goal to make sure the visitor accessed the download page.

Click on the “Validate” button to save this new goal. It will appear in the list of goals and you will be able to select it when you create your web personalization.

Create the web personalization

In your back-office, click on the “New personalization” button to start.

Name and website selection

A pop-in opens, allowing you to choose the website on which the personalization will be launched and the name of your personalization.

Segment exposed

In the “Segment exposed to this personalization” part, click on "Choose existing segment" to display the list of segments and select the one you have created.

Where to display the personalization?

In this example, we would like to create a sticky block. To do so, choose the creation of the personalization “Above the content of your page”.

Here, the sticky block is created from an image uploaded from a computer. To add the image, click on the “Browse on my computer” button.

Image: Once you have uploaded the image, you can choose to put the sticky block in the header, the footer or at a precise position in the X and Y axis.

In our example, we want to put our sticky block in the header.

Devices: you can choose to display or not your web personalization on a type of device, or upload a specific image for these devices. In our example, we choose to run our web personalization only on computers.

URL redirection: fill in here the URL to which the visitor will be redirected if he clicks on the sticky block.

Options: both options unselected by default. In our example, we chose to enable the option “Shift content to prevent superposition” to make sure the content of our page will not be hidden under the sticky block.

Choice of goals

We will find here the list of goals. If you select several goals, one of them must be defined as the main goal.

Activation of the web personalization

Simulation

Click on the "Simulate" button to previsualize the web personalization and make sure it is working properly.

 

Activation

To put your web personalization online, simply click on the “Activate” button.

If your web personalization has been properly activated, the following pop-in will display:

Have more questions? Submit a request
Powered by Zendesk