Skip to main content

Set up Klevu Recommendations

Klevu Recommendations leverage advanced AI and machine learning to provide personalized and relevant product suggestions, enhancing user engagement and driving higher conversion rates for your business. By integrating seamlessly into the shopping experience and offering detailed insights, Klevu helps you optimize your product discovery and recommendation strategies.

Klevu Recommendation Queries

Klevu recommendation queries are specific types of requests made to the Klevu API to fetch personalized product recommendations for shoppers based on various parameters.

For some of the queries, search parameters are required. For other queries, the search parameters are optional but you can override the parameters, depending on your requirements.

Creating a page using a Klevu recommendations Component

Follow these steps to create a page that uses a Klevu recommendations component in Studio.

  1. Select Content > Website.

  2. Select + New Page. A list of templates is displayed.

  3. Select Blank page. A list of components is displayed.

  4. Select Search.

  5. Select the gear icon to display the page settings.

    page settings icon

  6. Configure the following settings:

    SettingDescription
    TitleRecommendations
    Studio NameRecommendations
    Page pathrecommendations
  7. Select Save only to close page settings.

  8. The Klevu recommendations component allows you to filter on your product attributes such as brand, color and,so on, and their order. Select the Search component to display the toolbar.

  9. Select Properties.

    klevu recommendations properties

  10. Configure the component as follows:

    OptionDescription
    FeaturesConfigures whether you filter the product recommendations by:
    • Title - this is useful for sorting or searching for products based on the text in their titles. For example, displaying products in alphabetical order or showing products that contain specific keywords in their titles.
    • Price - this is useful for sorting or displaying products based on their price. For example, allowing users to set a minimum and maximum price range for the products they are interested in or enabling users to sort products from lowest to highest price or vice versa.
    .
    HoverSelect either:
    • Highlight if you want your image to stand out when hovered over.
    • Alt Image if you want to replace the original image with an alternative image that provides additional or alternative visual information when hovered over.
    ColumnsConfigures how many items are displayed in each row.
    GapConfigures the gap between items.
    QueryA list of queries from Klevu. Each query has different Search params. See Klevu Recommendation Queries.
  11. When you are happy with your page, select the gear icon to display the page settings.

  12. Select Save and Publish.

Your published Search Results looks similar to this.

published klevu recommendations page