> For the complete documentation index, see [llms.txt](https://help.byinspiredlabs.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.byinspiredlabs.com/product-page/product-information/complementary-products.md).

# Complementary products

The Complementary products block enhances cross-selling by recommending related or frequently bought together products directly on the product page. This strategy increases Average Order Value (AOV) and improves customer experience by making relevant product suggestions.

<figure><img src="/files/sZffzxQKRmtCJPRUjxiB" alt=""><figcaption></figcaption></figure>

### Learn how to use the **Shopify Search & Discovery app** to choose complementary products for your website’s product pages.

{% stepper %}
{% step %}
In the Shopify Search & Discovery app, click **Product recommendations**, and then click **Add recommendations**.
{% endstep %}

{% step %}
Select a product that you want to customize product recommendations for.
{% endstep %}

{% step %}
Select up to 10 **Complementary products**.
{% endstep %}

{% step %}
Select up to 10 **Related products** to recommend.&#x20;

Set the product to display only the custom recommendations or to display both custom recommendations and automatically generated recommendations.
{% endstep %}

{% step %}
Click **Save**.
{% endstep %}
{% endstepper %}

<figure><img src="/files/fVzHte3AohFDXxTMSjpO" alt=""><figcaption></figcaption></figure>

### Settings:

1. **Heading:** Defines the **title** of the Complementary products block. Example: **“Complete the look”**, **“Pair it with”**, **“You may also like”.**
2. **Maximum products to show:** Controls the **number of complementary products displayed** in the block: from 1 to 10 products.
3. **Product card settings**

* **Image ratio:** Adjusts the **aspect ratio** of product images to ensure visual consistency.
* **Enable quick view:** If checked, enables **Quick view**, allowing customers to **preview product details** in a drawer without leaving the page.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.byinspiredlabs.com/product-page/product-information/complementary-products.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.