Skip to main content

Set up Klevu Search

Klevu’s search engine significantly enhances the e-commerce experience by providing advanced search capabilities, personalized recommendations, real-time indexing, and comprehensive analytics, improving user satisfaction, driving higher sales, and providing valuable insights for your business.

Templates

When integrating with Klevu, there are two types of search components you can use:

  • The Klevu search templates. This means the UI and styling is automatically generated by Klevu.
  • The Studio Search component that uses Studio styling and HTML. We recommend you start with this as it matches the styling of your Studio site.

Follow these steps to create a search page that uses a Search 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
    TitleSearch Results
    Studio NameSearch results
    Page pathsearch
  7. Select Save only to close page settings.

  8. The Search 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.

    search collection properties

  10. Configure the component as follows:

    OptionDescription
    FiltersConfigures whether the refinement list is displayed on the left or right side of the search items.
    ColumnsConfigures how many search items are displayed in each row.
    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.
    GapConfigures the gap between search items.
  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.

Klevu search example