> 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="/files/XZwaGkj4wfbGPMzXopcl" 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="/files/gaMFKBrOaAFaWyudz8GH" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/OFV3v1gYZBWOt56FiMk9" 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.