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

# Getting started

\
Welcome to **Tipo Related Products, Upsell**!

This app helps you increase sales by showing related products, upsells, and cross-sells on key pages like Product, Cart, Search, and Thank you pages.

***

### ✨ Key Features

* **Show related products widget automatically** based on tags, collections, vendor, product type, etc.
* **Select related products manually** for full control (handpick what you want to recommend)
* Use popular recommendation layouts like:
  * “You may also like”
  * “Frequently bought together”
* **Customize the design** layout, number of products, colors, buttons, spacing of the widget
* **Track performance:** impressions, clicks, conversions
* **Support multiple languages:** translate widget text

***

### 🚀 Quick start 

#### Step 1: Enable the app in your theme

You can activate the app embed of **Inventory Sync, Multi store TP** app in the theme editor. 

More detail [here](https://docs.tipo.io/tipo-related-products/setting-up/activate-app-embed-on-theme)

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

***

#### Step 2: Create your first widget

1. Go to **Widgets**.
2. Click **Add widget**.
3. Choose:
   * **Placement** (Product page, Cart page, etc.)
   * **Layout** (Related, Frequently Bought Together, Add-on, Recently viewed…)
   * Set up products in widget detail

Learn more [here](https://docs.tipo.io/tipo-related-products/widget-types-explained)

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

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

#### Widget types (where you can show recommendations)

Tipo supports widgets on these pages:

* Product page
* Home page
* Collection page
* Cart page
* Search page
* Thank you page

#### Choose what products to recommend

When editing a widget, you’ll usually set 2 things:

**1) Target (where this widget applies)**

* All products
* Specific products
* Specific tags
* Specific collections&#x20;

**2) Recommendation rule (what to show)**

Examples:

* Same collection / tag / vendor / product type
* Manual recommendations
* Automated “most relevant” rules (when supported by the layout)

#### Step 3: **Configuring Appearance**&#x20;

Go to the app **Settings** > **Design** page. Set the product limit, widget position, elements,configure colors.&#x20;

<figure><img src="/files/9neMDgkRfrkCisIt2WT6" alt=""><figcaption></figcaption></figure>

#### Step 4: Publish the widget on your storefront

How you add widgets depends on your theme type:

* **Online Store 2.0 themes**: Add the app block in Theme Editor (recommended)&#x20;
* **Vintage themes**: Paste the widget shortcode into your theme code

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

***

### 📚 **Reference**

[Create a widget ](https://docs.tipo.io/tipo-related-products/widget-configuration/manage-widgets/create-a-widget)

[Display a widget on the site](https://docs.tipo.io/tipo-related-products/widget-configuration/manage-widgets/display-a-widget)

[Widget types](https://docs.tipo.io/tipo-related-products/widget-configuration/widget-types-explained)

Support email: <hi@tipo.io>

***

### **▶️** Reference videos <a href="#a-reference-video" id="a-reference-video"></a>

What the app can do:

{% embed url="<https://youtu.be/uwRn2qCEXvY?si=o5m1dFD3J3qC_TnC>" %}

How to set:

{% embed url="<https://youtu.be/pPtFL6dSYi0?si=QxTuorNg8g0MBW26>" %}

***

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.


---

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

```
GET https://docs.tipo.io/tipo-related-products/getting-started.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.