A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

Son Do
Apr 9, 2018
  5087
(4 votes)

Personalization Find template - practice

This post describes how Find integrated with Personalization, how Find boost the result based on behavior data from Personalization – in a sample of course 😊

Preparation

1. I used Quicksilver - Commerce sample site for this post.

2. Add configuration from your Personalization UAT to the site Personalization configuration

3. Make sure that the recommendation worked as expected. Recommendation on Quicksilver 4. View some product pages, so Personalization system can understand your behavior.

Verify the Personalization Find

1. Create a new personalization find test page.

2. Regarding the Personalization Find document  and Jonas' blog post, the template looks like this:

private readonly IClient _client;
private readonly UrlResolver _urlResolver;

public PersonalizedFindPageController(IClient client, UrlResolver urlResolver)
{
	_client = client;
}

public ActionResult Index(PersonalizedFindPage currentPage, string q, bool? usePersonalization = null)
{
	_client.Personalization().Refresh();

	var prefData = _client.Personalization().Conventions.PreferenceRepository.Load();
}

 

4. Debug or create a new view for viewing the prefData variant, the UI should have something like this:

Personalization attributes

5. Make sure that the return attributes aren't empty. Then we can get the Personalization search result by .UsingPersonalization() for your current search query.

var resultsPersonalized = _client.Search<FashionProduct>()
   .For(q)
   .FilterForVisitor()
   .UsingPersonalization()
   .GetContentResult();

6. Note that we can compare the search results by using personalization and without using personalization:

var resultsPersonalized = _client.Search()
   .For("shoe")
   .FilterForVisitor()
   .UsingPersonalization()
   .GetContentResult();
var resultsWithoutPersonalized = _client.Search()
   .For("shoe")
   .FilterForVisitor()
   .GetContentResult();

 The search results have different orders based on the above attributes - that's customer behavior. That is how Personalization Find works.

This practice code is kept in this compressed file: PersonalizedFind.Template.zip, feel free to play with it.

 

Just note that Recommendation and Personalization Find are applied to Commerce content only at this time. And .UsingPersonalization() on the query, it only boosts Commerce content properties. I hope this feature will be applied to CMS content soon - waiting for that (Y)

 

Hope this help.

/Son Do

Apr 09, 2018

Comments

Please login to comment.
Latest blogs
From 12 to 13 preview: A Developer's Guide to testing an Optimizely CMS 13 Alloy Site

The release of Optimizely CMS 13 marks a significant step forward, embracing a more composable and headless-first architecture. While this unlocks...

Robert Svallin | Jan 23, 2026

A day in the life of an Optimizely OMVP: Opti North Manchester - January 2026 Meetup Recap

There's something special about the Optimizely community in the North. On 22nd January, we gathered at the Everyman Cinema in Manchester for the...

Graham Carr | Jan 23, 2026

Beyond the widget - making Optimizely Content Recommendations work for you

Optimizely recommendation data you can render your way. A frontend-focused guide to bypassing the widget, with practical query filtering advise and...

Tom Robinson | Jan 22, 2026 |

Announcing the Jhoose Commerce API for Optimizely Commerce Connect

A layered framework for Optimizely Commerce Connect that accelerates delivery, supports headless architecture, and simplifies carts, checkout, and...

Andrew Markham | Jan 22, 2026 |