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