> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/pop-up-related-products.md).

# Pop-up Related Products

This features display a small and interactive popup that automatically appears when a customer adds an item to their cart, displaying product recommendations that are relevant to the item just added.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fyl72ZfhbIyyytqCsWWMI%2FPopup%20Related%20Product.gif?alt=media&amp;token=fb7f9d76-cbaf-48e5-97b0-508a036d046f" alt=""><figcaption></figcaption></figure>

## **Main Features** <a href="#how-it-works" id="how-it-works"></a>

* **Automatic Trigger:** The pop-up is automatically triggered by the "add to cart" action, making the suggestions timely and relevant.
* **Targeted Recommendations:** It offers products that are related product , suggesting a complete look or set.
* **Shopping Experience:** Customers can add multiple items from the pop-up with a single click, without having to navigate to different product pages.

## Key Benefits <a href="#benefits" id="benefits"></a>

The primary purpose of this feature is to increase the **average order value (AOV)** by encouraging customers to purchase additional, complementary items.

## How To Use?

1. Click **Add Block.**
2. Choose **Popup Related Product.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Foh1C3MquL8RiCZVs0klo%2FPopup%20Related%20Product%201.jpg?alt=media&amp;token=101953a1-f64a-4ce2-a5b0-ca2929d17923" alt=""><figcaption></figcaption></figure>

3. Customize the **Popup Related Product** block

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FchjeBCFZvnm3Pu3AIACS%2FPopup%20Related%20Product%202.jpg?alt=media&amp;token=d735301d-7ad4-4579-9716-e7bb5ca53b7b" alt=""><figcaption></figcaption></figure>

* **Heading:** This is the rich text editor for the main title.
* **Heading size:** This controls the font size of the heading.&#x20;
* **Description:** This is a rich text editor for a subtitle or additional information.
* **Number of products per page:** This slider determines how many related products are shown at one time.&#x20;
* **Pagination:** This controls the style of the navigation indicators that appear if there are more recommended products than can be shown on one page.
* **Color scheme:** This applies a predefined set of colors from your theme's global settings.