Personalized search on "no results" website

Published June 04, 2019
Modules
Difficulty

Your search engine should understand even poorly worded queries and return a good set of results – you can optimise it using Synerise AI search. It will handle misspellings, but what’s more, you can use synonyms and query rules to help customers find what they are looking for.

But if you don’t use AI search yet, or your clients are searching for new queries, don’t let them waste time on a ‘No Results’ page. Instead of this, prepare personalized recommendations, which will show products suited to users based on their activity.

Example of use - Home appliances industry

A client from the electronics industry had their own search solution, but noticed that very often users were getting zero page results. The fastest way to improve the customer experience was to add additional recommendation frames on such subpages. Users were informed that there were no results matching their queries, but maybe they will be interested in some recommended products.

Screenshot presenting personalized search on a website with no results
Search on a website with no results

Results

  • 3,1% CTR

Prerequisites


To implement this use case:

Process


To create AI recommendation adjusted to the customer’s preferences, perform the steps in the following order:

  1. Prepare AI recommendation.
  2. Prepare dynamic content .

Prepare AI recommendation


To show recommendations on the website, first you must prepare AI recommendations.

  1. Go to Communication > Recommendations.
  2. Add New recommendation.
  3. Choose personalized recommendation type and define the number of products you want to show in the frame. You can add additional filters if needed.
Tip: more information about using filters you will find in these articles.
`AI campaign`
AI campaign

Prepare dynamic content


Use dynamic content to insert recommendations in the specific place on your website - you can recognize zero search results in two ways:

  • You can prepare a unique CSS selector which will be added only on zero search result pages.
  • If you won’t have such a selector, you will have to additionally use JS to check if there is no product on the page. It will depend on your website structure how to check it.

To prepare dynamic content:

  1. Go to Communication > Dynamic content > Add new

  2. Choose Insert Object type.

  3. Select Everyone in the Audience.

  4. In Content section, select Simple message, and specify CSS selector in which you want to insert recommendations.

  5. In the Content tab, add appropriate CSS selector and click Create message. Insert Jinjava code with AI recommendation - let’s look at how to prepare the appropriate Jijnava code (you will have to add your own CSS to it).

    Check the jinja code

       <!-- Downloading the AI campaign -->  
       {% recommendations2 campaignId=cg3HBgRC5P2h %} 
       {% for p in recommended_products2 %} 
       <li data-snr-ai-product-id="{{p.productRetailerPartNo}}"> 
       <a class="snrs-AI--item-link" href="{{p.link}}" title="{{p.title}}"> 
       <img src="{{ p.imageLink }}" class="products-slider__item-image snrAI-product-image snrAI-product-image-{{p.productRetailerPartNo}}" width="90" 
       alt="{{p.title}}" id="snrAI-image-{{p.productRetailerPartNo}}"> 
       <h3 class="snrs-AI-product--product-name"> 
       <span class="snrs-AI-product--name-first">{{p.title}}</span> 
       </h3> 
       </a> 
       </li> 
       {% endfor %} 
       {% endrecommendations2 %} 
    
       

  6. Schedule when the dynamic content has to be active.

  7. In Display settings, specify that dynamic content has to be shown Always, On landing, on Specific URL which indicates its search page.

Tip: If you don’t want to use dynamic content, you can implement recommendations via API request, you can find details here.

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