Widgets

Default Setup

Homepage

  • Personalized recommendations are displayed in a carousel layout on the homepage at the very top of the page (often after the primary banner).
  • Last seen recommended products (products a user has seen before, including previous visits) are displayed in a carousel at the bottom of the page.

Product Detail

  • Product alternatives are shown after the product in detail in a carousel.
  • Personalized recommendations that other users like are located at the bottom of the page in a grid layout.
  • The Last seen products are displayed in a carousel at the bottom of the page.

Pre-cart

  • Personalized cross-sell and upsell recommendations are displayed in a carousel. This is often realized by a modal dialog or a separate page.

Cart

  • Cross-sell recommendations in a carousel.

Success Page

  • Personalized recommendations are shown in a grid.

Error Page

  • Personalized recommendations are shown in a grid.

Please see how to affect placement and exact position of Recommendation Widgets through Recommendation Anchors


Recommendation Layouts

There are three types of recommendation widget layouts. Layouts are defined for several viewports. The following example shows Desktop and Mobile viewports.

Carousel

Desktop

Desktop Carousel Viewport

Mobile

Carousel Mobile viewport

Carousel List

Displays multiple product carousels in a vertical list. Each carousel contains items belonging to a specific category.

Desktop

Desktop Version

Mobile

Mobile Version



Grid

The grid can be configured with a specific number of columns and rows per viewport. A show more button is also present to display more recommendations.

Mobile

Grid mobile viewport

Desktop

Grid Desktop viewport


Configuration

Design

Widget design can be configured to be close to the original website look and feel. The following can be configured:

  • Recommendation title
  • Product tile
  • Fonts
  • Primary/secondary colour
  • Paddings

Scenarios

Scenarios are trained recommendation models with the given configuration.

scenariodescription
recently_seenShow recently seen items; also, items from previous visits are included.
personalized_similar_itemsContent-based recommendation showing item alternatives. Signal/features can be customized for the given website.
recommended_for_youPersonalized recommendations based on other visitors' behavior. The principle of the collaborative filtering method is based on neural networks.
quick_picksShowing cross-sell and upsell products based on history or recent behavior.
bundlesLooking for product bundles based on real visitors' behavior and that are reasonable for business.
pre_cartCross-sell items shown in the pop-up after a visitor adds an item to the cart.
homepageCarousel for the homepage, where there is no item or category context. Personalized from the visitor's own recent history, falling back to items popular on the homepage for visitors with no history.
homepage_discoverDiscovery carousel for the homepage. Surfaces items from the categories the visitor is likely to browse next, discounted items first. Works without any visitor history.

Did this page help you?