> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.zoorix.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How the Cross-Sell works? 🦄

Warm hello! 👋😁

In this tutorial we will explain about the cross-sell offer. Let's start! 😎

The cross-sell feature enables to show 1-click cross-sell offers on product pages and on the cart page.

 Here's an example form Zoorix demo store:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2022-02-13-at-1513_1kg13wk.png)


Let's quickly overview the cross-sell settings. The cross-sell settings can be found under the Settings tab -> Cross-Sell on the left menu


![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2023-01-06-at-1541_v78dz9.png)

Following are the main settings of the cross-sell:

1. __Quick View__
The quick view enables the customer look at the suggested product without leaving the product page or cart page.

Scroll down to reach the Quick View section:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2023-01-06-at-1543_1gweesa.png)

Here's how it looks on-site when the customer hovers over the cross-sell item:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_9t4dn7.png)

This is the pop-up when the customer clicks "Quick View":

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_dk9qu5.png)
The customer can add the product directly from the quick view pop-up.

2. __Notification pop-up__
Scroll down to the Notification pop-up section:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2023-01-06-at-1544_askdfp.png)

This is how it looks on-site when the customer adds a product using the cross-sell:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_1q31b2z.png)

3. __Collapse__
Scroll down to the collapse section. You can check the box to enable cross-sell collapse, and set the background color (with transparency if you'd like):

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_zwb0p1.png)

Here's how it looks on-site. The customer has to click it to open it:


![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/image_ah0txn.png)


### How to set the products in the cross-sell?

The items in the cross-sell offer can be manually selected using product mapping, automatically using the app algorithm based on the store orders, or combination of both. 

1. Set product recommendations manually 

Product mapping is the way to manually set the cross-sell offers. To do that, go to the Offers tab -> Cross-Sell on the left menu:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2023-01-06-at-1545_91jkwv.png)

For a detailed tutorial about settings product mappings, please to the [product mapping tutorial](https://help.zoorix.com/en/article/product-mapping-1vapezs/).

__Excluded__
This is a list of products that will NEVER be displayed in the cross-sell offers. Please refer to the [Excluded feature tutorial](https://help.zoorix.com/en/article/how-does-excluded-items-work-1t0cdoo/) for further reading.

2. Set product recommendations automatically

To enable the automatic recommendations engine, go to the Settings tab -> Cross-Sell on the left menu -> Product recommendations section.

Now disable the "Show cross-sell only on source product" configuration and enable the "AI powered recommendations". 

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screen-shot-2023-01-06-at-1546_1nzufby.png)

2. Hybrid mode of both manual and automatic recommendations

To set the hybrid mode you should set the automatic mode (see #2 above) and define some product mappings (see #1 above). That way the app will show the automatic recommendation where there aren't any manual offers defined.