# Complementary Product

Automatically suggest one or more complementary products in the cart drawer based on the customer’s current cart contents.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FqhHR2lTglmlo1eMysV1F%2FComplementary%20Product%20FINAL.gif?alt=media&token=fda42a61-909d-460f-88dd-f5b0a6d9169c>" %}

## Key Features

* Configurable a recommendation title&#x20;
* Manually pick the product when this item has no complementary product

## Benefits

* Drives upsells and cross-sells at a key purchase moment
* Increases average order value by showcasing relevant items

## How To Use?

1. Click **Add Block**
2. Choose **Complementary Product**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FFLzwPXpeR5OleptJ4VKW%2FComplementary%20Product%201%20(1).jpg?alt=media&#x26;token=29e00247-2d3d-4cee-abea-544e651a251d" alt=""><figcaption></figcaption></figure>

3. Customize the **Complementary Product**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F35m39oYKdnEbGrE2UtIs%2FComplementary%20Product%202%20(1).jpg?alt=media&#x26;token=5fe1e05c-4784-4625-98dd-76840e01783f" alt=""><figcaption></figcaption></figure>

The first thing you have to do is to select complementary products and add it in the Search & Discovery app. [Click here to learn more about it](https://docs.smind.io/sections/product-detail#how-to-use-complementary-products-and-product-bundles)

* **Heading**: The label shown above your recommendations (e.g. “You May Also Like”).
* **Heading size**: Choose XS, S, M or L to control how big that heading appears.
* **Products**: Manually pick one or more items to display if there aren’t any automated recommendations configured via the Search & Discovery app.