Open navigation

Recommendation banner

First, log in to the Klevu Merchant Centre and click on the “Smart Recommendations” tab. Here you will see analytics for any existing banners you have already created, but since this is your first one, head straight over to the “Recommendations” section on the left.

Click on “Create New” to start the process.

1. Page Types

The first choice to make is which page of your website this banner will appear on. The reason for this selection is the recommendation banner can have different context depending where you display it.

For example, a “Newest Arrivals” banner on the homepage would pull products from your entire catalogue, whereas the same “Newest Arrivals” banner on a Jackets category page would filter the results to just that category, giving your customers an instant insight into the newest Jackets on the store.
Choose your page and click on “Continue”.

2. Recommendation Logic

The next section showcases the types of recommendation banner which are applicable to this particular page type. Note that not all recommendation types are available for every page.

For example, it doesn’t make sense to show a “Customers Also Viewed” banner on your homepage, whereas it does make sense to include that banner on a product detail page.

Below is a description of each of the recommendation types available.
Trending Products

Recommend the most popular products, based on customer clicks & purchases, across the store.

Trending Products for You

As per “Trending Products”, however Klevu uses the recent interactions of the current customer to make one-to-one personalised recommendations which will be of particular interest to that specific customer.

This logic type requires Personalisation Klevu add-on. It will only be available to customers on plan Premium+ and above.
Newest Arrivals

Recommend products that have been recently added to the store.

  • New In
  • Just In
  • Check out our latest arrivals
  • etc.
Others Also Viewed

Recommend products that other shoppers viewed, after viewing the current product.

SIMILAR Products

Recommends products that have common features as the current product.

Also Bought Together

Recommend products that others bought, based on items added to the customer’s cart.

Hand-Picked Products

Recommend products that have been hand-picked, manually by the merchant.

Recently Viewed products

Recommend products that have been recently viewed by the customer.

Once you have made a selection for recommendation logic, click on “Continue.

Depending on your choice, there may be one or more additional steps presented to you so you can configure your selection. For example, with “Hand-Picked Products” you will be asked to select the products you would like customers to see in this banner.

3. Design

The next section deals with how your recommendation banner will look as it is presented to your customers. You can choose a title for your banner and select a template.

You can create and design multiple templates. Click here for detailed instructions.  Click on “Continue” to proceed.

4. Additional Settings

Next, you will see a final configuration screen where you can further fine-tune your banner. The settings displayed here may vary depending on the selection you have made, so please read the inline descriptions and make your selections.

 Click on “Save” to complete the configuration of your banner.

5. Integration

The final screen you will see is the integration tab. You will be presented with a small HTML snippet which looks something like this:

<div class="klevu-recs" klevu-data-id="ABC-123"></div>

ABC-123 is the unique identifier for your banner. All you need to do now (provided you have already completed the one-time prerequisite steps) is copy this snippet wherever you would like it to appear in your store. This does involve minor modifications to your website source code, so you may prefer to have your frontend developer handle this task for you. We have provided instructions for the most common platforms.

You will also notice we provide an on/off switch for the banner. This means that once you have integrated the code for the banner into your store, you can control whether the Recommendation banner appears or not from within Klevu Merchant Center.

Once you have configured a banner and have it positioned where you want it in your website, you can continue to make certain changes to the banner from Klevu Merchant Center, eg. update the hand-picked products, and when you click on “Save” those changes will be immediately applied to your website.

However, once a banner is saved you can no longer modify the Page Type and Recommendation Logic, due to the analytics segmentation. If you need another type or logic, please create a new banner.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.