> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.spreadsimple.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).

# Related Items

In this help article, we are going to explain how you can add related items to the details pages. 

----

## How it works

Using this feature, you can offer your visitors more items or content that may seem interesting or relevant to them. The related items will be displayed below the main item on the details page like this: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-10_11mljpl.jpg)

The "related item" card will have the same elements as on the main page.

## Setting up Related Items

1. In the `Content` Tab, go to the **Details page** settings and scroll down the menu.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-1_fcjw3l.jpg)

2. Switch on the **Related Items** toggle.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-2_vremzc.jpg)

### Customize the appearance of related items on the page

You can change the way the related items are presented on the page.

1. Customize the title of this section: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-3_of4hii.jpg)

2. Change card style and size:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-4_r4zt0p.png)

3. Set the number of items to display: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-5_1kyuoib.png)

### Specify which items to display

You can specify which items will be displayed on the details pages. There are three options available:

* **Random items** 
* **By Category**
* **Selected SKU** 

**Random Items** means that the items displayed in related items section will be randomly picked by the system. They will also change every time after a refresh.

**By Category** option will allow you to display items with the matching characteristics. 

To set it up, select **By category** option and then choose a column from your Google Sheet that contains values that repeat for several items. If you select a column with unique values, the related items section will remain empty. 

For example, you can map the **Color** columns to the **Category**: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-6_1mh21w6.jpg)

And on the page, there will be only the items of the same color. 

With the third option, **Selected SKU**, you can manually specify which items will be displayed on the details page of the particular item. To set it up, do the following steps:

1. Make a column with unique values to **SKU** element in the **Content Tab -> Item list**. Make sure each item has its own unique value listed in this column.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-7_16uv1vm.jpg)

2. Create a new column in your Sheet, give it a name, and then fill it in with the SKU values of the items that you want to offer in the related items section: You can enter several values separated by a comma. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-8_r4lg91.jpg)

Don't forget to refresh your Sheet in the Content Tab after you've finished editing your Sheet.

3. Select the column with related items' SKUs in the **Related SKU column** dropdown menu.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-9_15ueecy.jpg)

Now on this details page, your customers will see the items you specified in the Sheet:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/related-items-10_12j6qai.jpg)

### Also, watch our video tutorial on setting up related items

${youtube}[Step-by-step instructions](b1Ojr_1piJE)