# 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.


---

# Agent Instructions: 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:

```
GET https://docs.smind.io/guides/cart-drawer/pop-up-related-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.