Skip to content

Files

Latest commit

author
Jo
Merge branch 'main' into DB-1103
Sep 26, 2024
08681e6 · Sep 26, 2024

History

History
59 lines (38 loc) · 4.18 KB

getting-started.mdx

File metadata and controls

59 lines (38 loc) · 4.18 KB
title nav_label sidebar_position
Getting Started
Getting Started
1

You can quickly and easily integrate Studio with Klevu. Klevu is an advanced AI-driven search and product discovery platform specifically designed for e-commerce websites. Once configured, using Studio's built-in Klevu integration, you can:

  • build a search page in Studio, enabling you to leverage the Klevu search engine in your Studio storefronts.
  • build a page in Studio that uses a Klevu recommendations component to leverage Klevu Recommendations, designed to enhance your shoppers experience by providing personalized product suggestions.
<iframe class="vidyard_iframe" title="Demo: Connecting Klevu Search with Elastic Path Studio" src="//play.vidyard.com/h96aERCecByDRgrdnrmsVk.html?" width="640" height="360" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe>

Klevu Events

Reporting user interaction with Klevu is crucial to allow the machine learning algorithms to accurately rank items. By reporting user interactions, such as clicks, searches, and purchases, Klevu's algorithms can better understand which products are most relevant to users.

The Klevu integration is using two Klevu events, searches and clicks. Anytime a shopper searches using the Studio search page and/or clicks on a product, you can see this in the Klevu dashboard.

Prerequisites

You must have the following before configuring the Klevu integration in Studio.

  1. You must have a Shopify store with the following:

    • the Klevu app installed. If you don't have a Klevu account, you can create one when you install the Klevu app on your shopify store.
    • configured a Studio account and associated it with the Shopify store.

  2. To configure the Klevu integration in Studio you need the following:

    Option Description
    API key
    1. Go to your Klevu dashboard in your Shopify storefront.
    2. Go to Store Settings.
    3. In API Key, copy the API key.
    Search URL
    1. Go to your Klevu dashboard in your Shopify storefront.
    2. Go to Store Settings.
    3. In APIv2 Cloud Search URL:, copy the search URL.

Integrating Klevu: An Overview

Follow these steps to integrate with Klevu.

  1. In Studio, configure the Klevu integration.
  2. In Studio, create a Search page that uses a Search component.
  3. In Studio, create a page that uses a Klevu recommendations component.

Configure the Klevu Integration

Follow these steps to configure the Klevu integration in Studio.

  1. Select Settings > Integrations.

  2. Navigate to Search.

  3. Select + next to Klevu. Configure the settings.

    Option Description
    Search URL Your Klevu Search URl in the format https://klevuseachURl/cs/v2/search where klevusearchurl is the search URL you copied in Prerequisites. For example, https://uscs33v2.ksearchnet.com/cs/v2/search.
    API Key Your Klevu API key. See Prerequisites.

  4. Select Connect Account.