# Complementary Products

**Complementary Products** can choose specific products to display as complementary products in the product information section on your website's product pages. See [Complementary Products](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/add-complementary-products).

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fo9CA3iYY5qC6F0IkZZST%2Fimage.png?alt=media&#x26;token=36d5236e-c92a-44d8-afa8-1eab302ca188" alt=""><figcaption><p>Complementary Products style 1</p></figcaption></figure>

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Faq9IlsDeVlTXHrA2Kv2O%2Fimage.png?alt=media&#x26;token=b1fa4877-9bfb-4ae8-aef9-a1a51cfb51a6" alt=""><figcaption><p>Complementary Products style 2</p></figcaption></figure>

To add Complementary products , please follow below steps:

{% hint style="info" %}
First, you need to make the settings in Product Recommendations as shown below.
{% endhint %}

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FtcMY5ZZqz6iTQr7c6JQ5%2Fimage_setup-app.png?alt=media&#x26;token=b87ae4c8-ee6e-4917-8b5f-21e7aa90c298" alt=""><figcaption></figcaption></figure>

1. From **Theme Customize** screen, click **Product Information**.
2. Click **Add block** and choose "**Complementary Products**".
3. When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fr2IrKOlKuhFmqNTnmrUJ%2Fimage.png?alt=media&#x26;token=b0b27a76-5d93-4906-b2a7-167bd5e453a1" alt=""><figcaption></figcaption></figure>