What is the difference between Up-selling and Cross-selling?

We often see confusion regarding the 2 topics “Up-selling” on the one hand and “Cross-selling” on the other hand, although there are major differences between both. In addition, also E-Commerce systems like Magento do not distinguish properly between these two which increase the uncertainty about them.
Generally both terms describe the process of providing recommendations for other products on the basis of one or more products. The difference between Up-selling and Cross-selling will be examined in the following paragraphs.

In the process of Cross-selling several other products are recommended that are similar to the current one and may be exchanged with it. A popular example is a bike tire of brand A that can be exchanged with a tire of brand B that has similar properties (e.g. kind of terrain, pricing, etc.).
In order to be able to display those recommendations Recolize compares and weights the product attributes of the current tire with all available other products and automatically learns and creates those cross-linking connections between them.
For more information about Cross-selling please also see our blog articles about 3 Ways to Integrate Cross-Sells on Product Pages and 15 % Conversion Uplift: Automated vs. Manual Cross-Sells.

On the other hand, Up-selling describes the process of recommending products that are more expensive than the current one(s). Imagine for example you added a watch in the mid-price region to the shopping cart and on the cart page you will be displayed with luxury watches that have a much higher price.
Up-selling in Recolize can be easily done with one click by using its flexible filtering engine.
More use cases for Up-selling can also be found in our blog articles 5 Advantages of Recommendations in Transactional Emails and The Power of Real Individual Recommendations.

What is the difference between Up-selling and Cross-selling?
> Read more

How can I change the carousel layout to a simple list?

Our default mobile-optimized carousel layout was built as a result of a series of tests with many users as it proved the best conversion rates and adoption among different layouts, devices and users.

In case you want to style the recommendations yourself we can also deliver a simple item list.
Therefore you just have to set the following two configurations:

    1. Go to your domain in the Recolize Tool and in “Advanced Configuration” add the following CSS code:
      .recolizeRecommendationContainer .recolizeCarousel {
          display: block;
      }
    2. The second step is to the add the following additional JavaScript code also on the domain configuration page:
      Recolize.Recommendation.Design.Carousel.initialize = function (position, viewId, element) { return this; }
      

The result is a simple list that can then afterwards easily be styled via CSS as described in this FAQ article.

In case you want to modify the layout of the carousel please also see our FAQ article on how to change the number of items displayed.

How can I change the carousel layout to a simple list?
> Read more

Is It possible to display product recommendations in my blog?

With our domain-overlapping recommendations feature, you can display e.g. your e-commerce product recommendations on all your other domains.

Login to the Recolize Tool under tool.recolize.com, navigate to Domain > Your Domain > Edit and click on Advanced Configuration on the left navigation.
Add your blog or any other of your other domains, where the recommendations shall be displayed, comma-separated under “Also allow your following domains to display the recommendations”.

Domain-Overlapping Recommendations Configuration

After that you just have to add the Recolize JavaScript Snippet to your blog like described here and configure your CSS selectors.

Is It possible to display product recommendations in my blog?
> Read more

What are useful CSS selectors for positioning the Recolize recommendation widgets?

Recolize uses CSS selectors to control the positions of the Recolize recommendation widgets. The selectors can be configured in the Recolize tool.

A full list of available selectors can be found here. Below we have highlighted some useful ones.

Selector Description
p:contains(‘Your cart is empty’) Recommendation Widgets are added right after the text “Your cart is empty”.


What are useful CSS selectors for positioning the Recolize recommendation widgets?
> Read more

Which recommendation algorithms are supported?

Recolize supports the following recommendation algorithms:

  • User-to-user (“Customers, who bought this, also bought”)
  • Item-to-item (“Cross Sells”)
  • Top items / Bestseller
  • Last viewed
  • Static product lists

The algorithms are chosen automatically dependent on the current visited page and the current user to always generate the best matching recommendations.

Which recommendation algorithms are supported?
> Read more

How about performance of the recommendations?

Recolize has been especially optimized for performance so that the personalized product recommendations can be delivered in under 100 ms in general.

As Recolize is being served as a Software-as-a-Service, it’s completely independant of your hosting provider and does not influence your page performance or loading time of your website or shop at all.

How about performance of the recommendations?
> Read more

How can I control the look’n’feel of the recommendations via CSS?

Next to the configuration and styling possibities in our Recolize Tool you can further customize the recommendation widgets via plain CSS.

Therefore all elements in our carousels have explicit CSS selectors that you can use to create your own styling.
These CSS styles can be added in your domain configuration in the Recolize Tool.

Example:

.recolizePrice {
    font-size: larger;
}
How can I control the look’n’feel of the recommendations via CSS?
> Read more

How can I control the position that the recommendations widgets will be displayed?

You are completely free to position the recommendation widgets wherever you want. Out of the box for most systems like Shopify and Magento we have a default set of positions like e.g. on the product detail page, in cart and on checkout success page.

The position of the recommendation widgets is determined by the configured CSS selectors in our Recolize tool.

Every widget is a new line in the configuration section. You can use all the available css selectors as e.g. documented here.

Example
We assume a configuration as follows:
.main-content .recommendations
.footer

In this case the recommendation widgets will be displayed for every HTML element that matches “.main-content .recommendations” and “.footer”.
Let’s assume that there are 2 positions matching those selectors on your website. Then the first match gets the position 1 and the second one position 2 for the recommendation configuration.

How can I control the position that the recommendations widgets will be displayed?
> Read more