# 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2Fy5oWx1DDMSYp1xuZgDG5%2F2025-10-15_16-34-12.png?alt=media&#x26;token=04d97b2f-c439-4737-b53d-d367098dc495" 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2F1a8dX9Fk7z6ra5vLSfIt%2F2025-10-15_16-50-38.png?alt=media&#x26;token=db649da8-d53b-402e-ad4d-0399089dbb29" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FWcUE8mDDxr266NKzTHZJ%2F2025-10-15_16-54-07.png?alt=media&#x26;token=b16539fd-a2e4-4328-b44f-caae35cdc885" 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FrcP43FFu1iftS6CvUd4F%2Fimage.png?alt=media&#x26;token=091d2a9f-fd9d-40ad-bed4-65eb272eb9b7" 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="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2F4WPWUAtLU4MIHAxKdU5x%2Fimage.png?alt=media&#x26;token=4ec653e9-be2d-47f6-902c-fc23796c2044" 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.