Setting up Personalization

In this article we are going to set up some personalization for our segments.

Ensure you have set up your first segment, which is a group of visitors you want to target for personalized website experiences.

Once that is done, you can move on to the next step and personalize the experience.

Applying personalization

You can apply personalization in two ways:

• On a specific page

• Via the personalization section

Personalizing a specific page

To personalize a specific page:

1. Go to any content node within Umbraco.

2. Open the node. You will find all Umbraco Engage content apps on that specific node.

3. Go to the "Personalization" content app:

Accessing the 'Personalization' content app for a specific node in Umbraco

1. Clicking the content app takes you to an overview of all applied personalizations for the page.

2. Click Add personalized variant:

Overview of applied personalizations with the option to add a personalized variant

1. Select the segment from the dropdown for which you want to personalize the experience in the popup.

2. Provide a descriptive name for the personalization and a short description:

Popup for defining the segment

1. Click Add variant.

2. A split-view editor opens up, where you can create a personalized variant on the right side of the original page.

Split-view editor with options to create a personalized variant for the selected segment

1. Edit specific properties of your Document Type depending on your segmentation setup. To set this up correctly, see the Setting up the Document Type for splitview editing article.

For example, you can specify a different title for this variant:

Editing a personalized variant with a different title in the splitview editor

1. Click Save & Preview to save and preview your applied personalization.

While previewing the personalization, you will see an extra querystring in the URL: https://<your url>/?engagePreviewAppliedPersonalization=<id>

This is only visiblee when previewing your personalization. Once published, visitors will see a single URL, and depending on their segment, they will view different content.

After publishing the website, visitors in the segment will see the personalized variant, while others will see the default content.

Congratulations, you've successfully set up your first personalization.

Applying personalization to multiple pages or per Document Type

You can also apply personalization to multiple pages at once. This can only be setup via the Engage section in Umbraco. Within that section you can go to the subsection Personalization and click on Apply new personalization:

Accessing the Personalization section in Engage

Here, you can specify to which pages or Document Types you want to apply the personalization. Also you need to specify for which segment this is triggered.

Setting up Personalization

With multiple pages and Document Types you can either add in some additional CSS or JavaScript code or personalize the experience via code. You can add CSS JavaScript via the button "Include CSS/JavaScript". The CSS and JavaScript will automatically be added to the pages where the segment applies.