# 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](/tipo-related-products/general-settings-and-translations/theme-integration/activate-the-app-embed)

<figure><img src="/media/f4ed9ec9be90c9096c6b.webp" alt="" loading="lazy" decoding="async"><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](/tipo-related-products/getting-started/types-of-widgets)

<figure><img src="/media/f2e1f5c201861a0cfcc0.webp" alt="" loading="lazy" decoding="async"><figcaption></figcaption></figure>

<figure><img src="/media/464e8d3d4119c281164d.webp" alt="" loading="lazy" decoding="async"><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="/media/583eeaf0ce010ed575d3.webp" alt="" loading="lazy" decoding="async"><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="/media/a24336f86ea3693b57fd.webp" alt="" loading="lazy" decoding="async"><figcaption></figcaption></figure>

***

### 📚 **Reference**

[Create a widget ](/tipo-related-products/widget-setup/create-a-widget)

[Display a widget on the site](/tipo-related-products/widget-setup/display-a-widget)

[Widget types](/tipo-related-products/getting-started/types-of-widgets)

Support email: <hi@tipo.io>

***

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

What the app can do:

<iframe class="video-embed" src="https://www.youtube-nocookie.com/embed/uwRn2qCEXvY" title="Video tutorial: Getting started" loading="lazy" allowfullscreen></iframe>

How to set:

<iframe class="video-embed" src="https://www.youtube-nocookie.com/embed/pPtFL6dSYi0" title="Video tutorial: Getting started" loading="lazy" allowfullscreen></iframe>

***

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