# Choosing recommended products

👉 If targeting answers **“Where does the widget show?”**,\
then recommendations answer **“What products do customers see?”**

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FHGOGUaJqiwhj5I5ijv8e%2F2025-12-19_15-58-32.png?alt=media&#x26;token=4eacfd94-3f9d-4f94-b5a3-ec84c1382567" alt=""><figcaption></figcaption></figure>

## ✅ How product recommendations work

Each widget can recommend products in one main way:

* **Manual** – you pick the products
* **Automatic** – the app selects products based on rules

You can change this at any time.

***

## 🛠️ Step 1: Open recommendation settings

1. Go to **the app > click Widgets**
2. Open the widget you want to edit
3. Scroll to **Choose Recommended Products**.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FE5VzixngEZJcUVwFdCk1%2F2025-12-19_17-53-46.png?alt=media&#x26;token=eb703825-7b23-4591-8bc2-cc6383b6afb4" alt=""><figcaption></figcaption></figure>

***

### ⚙️ Option 1: Specific products (manual)

You manually choose exactly which products to show.

#### How it works

1. Select **Specific products**
2. Click **Browse**
3. Choose one or more products
4. Save.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FqzQi71rrqMVNozrFkHeb%2F2025-12-19_17-55-27.png?alt=media&#x26;token=023c9277-fae4-444d-949a-dd7d06b0b1f8" alt=""><figcaption></figcaption></figure>

✅ Best for:

* High-priority products
* Custom bundles
* Marketing campaigns

**Example**\
For a camera product, manually select:

* Camera bag
* Tripod
* Memory card

***

### ⚙️ Option 2: Specific product variants

Similar to manual products, but lets you recommend **specific variants**.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FY3aX5J73llBTJZOwY7s9%2F2025-12-19_17-56-31.png?alt=media&#x26;token=fef1bf27-435a-4118-b429-b0865c45725f" alt=""><figcaption></figcaption></figure>

Best for:

* Size or color-based upsells
* Variant-specific recommendations

***

### ⚙️ Option 3: Manual Recommendations

**Manual Recommendations** let you decide exactly which products appear together, instead of letting the app choose automatically.

* manually select **target** **products**
* manually select **recommended products**

[Learn more](https://docs.tipo.io/tipo-related-products/~/revisions/mi2RVjGIN1z96wDMyD8H/widget-configuration/manual-recommendations)

***

### ⚙️ Option 4: Automatic recommendations (rules-based)

Let the app choose products automatically using rules.

***

#### Same collection

Shows products from the same collection as the current product.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FHGOGUaJqiwhj5I5ijv8e%2F2025-12-19_15-58-32.png?alt=media&#x26;token=4eacfd94-3f9d-4f94-b5a3-ec84c1382567" alt=""><figcaption></figcaption></figure>

Best for:

* Category-based recommendations

**Example**\
All products from the **Silver** collection.

***

#### Same tag

Shows products that share at least one tag.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2Foso8CL9dJ7BWbFzWsgEH%2F2025-12-19_17-58-11.png?alt=media&#x26;token=a933d0bb-5972-44a4-bf09-774747c33a3b" alt=""><figcaption></figcaption></figure>

Best for:

* Seasonal or themed products

**Example**\
Products tagged with `winter`.

***

#### Same vendor

Shows products from the **same vendor/brand**.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FusM0kI2wi2SssLLFdpdf%2F2025-12-19_17-59-25.png?alt=media&#x26;token=4cddf99d-f0f5-473a-8021-b36edcb8d11d" alt=""><figcaption></figcaption></figure>

Best for:

* Brand-focused stores

***

#### Same product type

Shows products with the same **product type**.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FhUyqqxFQiubDZTaEi2DT%2F2025-12-19_18-00-13.png?alt=media&#x26;token=5dd3079c-f1f7-4e5b-88c8-0e8328089dbe" alt=""><figcaption></figcaption></figure>

Best for:

* Structured catalogs

***

#### Most relevant products (automated)

This option lets Tipo automatically choose products to recommend.\
You don’t need to select products manually.

The app decides what to show based on the current product and the recommendation intent you choose.

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FKoN8dFChdtkDvdMqJslD%2F2025-12-19_18-02-53.png?alt=media&#x26;token=63b65774-cf49-450d-9db3-95ae7df310f9" alt=""><figcaption></figcaption></figure>

Best for:

* Large catalogs
* Hands-off setup

When a customer views a product:

1. Tipo looks at the current product
2. It finds other products that are most relevant
3. It shows them based on your selected recommendation intent

You only need to choose one intent.

**🎯 Recommendation intents explained**

1\) Related products

Shows products that are similar to the current product.

Tipo uses product data such as:

* Collection
* Product type
* Tags
* Vendor

Best for:

* “You may also like”
* Browsing and discovery

**Example**\
Customer is viewing a **blue shirt** →\
Widget shows **other shirts** from the same collection.

***

**2) Complementary products**

Shows products that are usually bought together with the current product.

Tipo focuses on upsells and cross-sells.

Best for:

* Accessories
* Add-ons
* Bundles

**Example**\
Customer is viewing a **camera** →\
Widget shows **memory card, tripod, camera bag**.

***

## 🛠️ Step 2: Set display order & random option

#### Display order

**Display order** controls the priority of widgets when multiple widgets appear in the same location (same page and position).

* Widgets with a higher number are shown first
* Widgets with a lower number are shown later
* If there is only one widget, display order does not matter

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FMXy2kbPEbeuqzTNFaCm6%2F2025-12-19_18-10-11.png?alt=media&#x26;token=599772ab-9e27-4979-88c8-10bfeb331ad0" alt=""><figcaption></figcaption></figure>

**Example**

You have 2 widgets on the Product page, both showing below the product form.

Widget A

* Name: Related products
* Display order: **10**

Widget B

* Name: Frequently Bought Together
* Display order: **5**

✅ **Result on the store**

1. Related products (10) → shown first
2. Frequently Bought Together (5) → shown below

***

#### Random display (optional)

* Randomizes product order each time the page loads

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FnBatWaGFh68znxla7dw0%2F2025-12-19_18-08-24.png?alt=media&#x26;token=ff1fc644-50ad-4215-832f-ebd8897981e2" alt=""><figcaption></figcaption></figure>

Best for:

* Showing variety
* Avoiding repetitive recommendations

***

## ⚠️ Important notes

* Recommendation rules control **what is shown**, not where
* If no products appear:
  * Check product availability
  * Check collection/tag rules
* Sold-out products follow your **Product display settings**

***

**👉 What’s next?**

After choosing recommended products, you can:

* Adjust **Display order & priority**
* Customize **Design & appearance**
* Set the widget **Active**

***

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