Displaying personalized recommendations before typing a search query

Published November 28, 2019
Modules
Difficulty
Selected Clients
ikea logominimalism logo

AI search phrases that are well-built and adaptable can become a key tool enabling maximum shortening of the user’s path, leading to more purchases.

To enable customers to find items they need as quickly as possible, it is important to take care of the accuracy of search results, monitor its behavior and calibrate it accordingly. Various types of recommendations allow adding other modules with recommended products to the search engine.

Screenshot presenting AI search filter
AI search

Example of use - construction industry

Challenge

A client from the construction industry wanted to shorten the user’s path as much as possible to find the needed product using AI search. For this purpose, the client decided to display product suggestions in the form of a list already at the stage when the user clicks on the search engine, but has not yet enter the desired phrase. The displayed offers were selected based on a personalized recommendations model.

Results

  • CTR 11%
  • Campaign conversion 1.4%
  • Increase in the number of people using the search engine by 9% within 21 days from introducing the AI search modification.

Prerequisites


Before you start implementing this use case, you must fulfill the requirements listed below:

Process


To prepare such a scenario, you have to follow 2 important steps.

  1. Prepare personalized recommendations.
  2. Set up dynamic content.

Prepare personalized recommendations


  1. Go to Communication > Recommendations > Add recommendation.
  2. From the drop down list, choose Catalog based on which your recommendations will be built.
  3. Choose Personalized as the recommendation type.
    Screenshot presenting site with type and source of recommendation
    Select the type of recommendation
  4. In Items define more details about your recommendation.
    Important: You must select the minimum and maximum number of products displayed in the recommendation frame. Optionally, you can set the filters (for example, narrow down the number of items from a specific category), however, in this use case the client didn’t add the filters. You can also create filters by following the instructions in this article.

Set up a dynamic content


To insert personalized recommendations in the search results right before a user starts typing a search phrase, use dynamic content.

  1. Choose Insert Object type.

  2. Select your Audience. You can target your communication to everyone or select segment of users. In our example we target communcation to everyone.

  3. In the Content section, click simple message and specify the CSS selector where you want to insert recommendations.

  4. In the Content tab section, click Create message insert Jinjava code with AI recommendation and add your own CSS.

    Check the Jinjava code

       <!-- Opening the tag that retrieves the value from recommendation prepared in point 1--> {% recommendations3 campaignId=xxx %} 
       for loop below: 
    
       <!-- In the section {% for r in recommended_products3 %} a {% endfor %} there is access to all variables from a given object (products here) - which parameters you add to the template depends on you. --> {% for r in recommended_products3 %} 
       
       <!-- {{ r.itemId }} {{ r.title }} {{ r.imageLink }}{{r.price.value}}{{r.salePrice.value}} - parameters taken from the recommendation. The itemId is a standard name, but others (like category, price, salePrice, title, imageLink) only depend on names defined in the feed--> {{r.itemId}} {{r.title}} {{r.imageLink}} {{r.price.value}} {{r.salePrice.value}} {% endfor %} 
    
       <!-- Closing of the tag that gets the value from the recommendation prepared in point 1 --> {% endrecommendations3 %}  
    
       

    Important: Implementation of the script above results in displaying recommendation personalized for individual user after clicking the AI search. Remember to replace xxx in the campaignID with the ID of the recommendation you prepared in the previous steps.
  5. Skip UTM section.

  6. In Display Settings, define where dynamic content is shown: Always, On landing, on All pages.

  7. In the upper right corner, click Schedule and Activate when the dynamic content has to be active.

Read more


😕

We are sorry to hear that

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

😉

Awesome!

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

Close modal icon Placeholder alt for modal to satisfy link checker