Personalization in AEM 6.4 - Basic Configurations with example

Let us create a sample personalization component in 'We.Retail' site. We.Retail is a demo site pre-configured in AEM 6.4.

Ensure you have gone through Personalization Basics & Steps to create Personalization in AEM 6.4 before starting with this tutorial

We have authored the sample component in page : http://[host]:[port]/editor.html/content/we-retail/us/en/men.html


Once we open a We.Retail page we can see the  Edit option as below.

Selecting Targeting option as above image.
By default BRAND is selected with value 'We-Retail' as shown below.

All the Activities are listed for the selected brand as shown. We can also create a new activity by clicking on the (+) icon directly.

Since we have already created a brand and activity, I am going to select and proceed with it.

Now in Targeting mode, click on 'Start Targeting', A default experience will be always enabled. Now add new experience by clicking on  '+ Add Experience Targeting'

Next window allows to add an experience. We can either select default or click on 'Add Experience Targeting' to create new if its not already created. Since I have already created an activity(Male) for my brand, I will select that. Click Next.

I can see my already configured experience here. If required, we can edit the settings in this section.

To test personalization we need atleast two experiences. I have a male experience available already. Click on Add experience and select female audiences.

Now the target section looks as below.

Leave the next screen as it is.

On clicking save, we get a message, 'Your activity was saved'.

Now go back to edit mode , author an image component in empty area of the page.

Now go back to target mode

Click on 'Start Targeting',

Click on Target icon, we get a message that component is now targeted.

From next screen select Male and author a male image.

Now Select Female and author a female image.

Click Next and save the targeting.

We are done with our Personalization Targeting using ContextHub and experiences. Let us test it now.

NEXT: In my next post I will explain how to test it.

Demo Video:
 

Read More:

Personalization Basics & Steps to create Personalization in AEM 6.4

Create ContextHub in AEM 6.4

Create Brands in AEM 6.4  

Create Activity in AEM 6.4

Create Offers in AEM 6.4

Steps to configure personalization from brands, activity with a sample 

Test Configured personalization