# Types of widgets

These widget types are grouped by where they appear in your store.\
Each group may include multiple widget layouts you can configure later.

### 🛍 Product page widgets

These widgets appear on product pages to help customers discover more items while they’re still browsing.

#### Related Products

Shows similar or complementary items.

**Example**\
Customer is viewing: `Sunglasses`\
Related Products shows: `Sunglasses case`

**Best for:** cross-sell (“You may also like”)

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2F1Sy7XtwrgJwm2xECPSIC%2F2025-12-22_21-46-28.png?alt=media&#x26;token=988b36c6-8f4b-4696-90b9-7428c53bbe64" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FD2aUnUEpo32BBXT0MVEz%2F2025-12-22_21-46-43.png?alt=media&#x26;token=0f76a0dd-b4ac-40cb-a382-8dceb41d6ce5" alt=""><figcaption></figcaption></figure>

***

#### Frequently Bought Together

Shows products that are commonly purchased together and lets customers add them in one action.

**Example**\
Customer is viewing: `Phone`\
Frequently Bought Together shows: `Phone case + Screen protector`\
Customer can add all to cart together.

**Best for:** bundles / “complete the set”

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FaHon1kr8vFbMn9sOrWKk%2F2025-12-22_22-00-48.png?alt=media&#x26;token=be41688c-5dfc-48da-8078-038937f19a27" alt=""><figcaption></figcaption></figure>

***

#### Add-on widgets

Shows small extras customers can add (often optional).

**Example**\
Customer is viewing: Clinique Almost Lipstick Comes\
Add-on shows: `Pressed Powder Blusher, Clinique Continuous Coverage Makeup Broad`

**Best for:** small upgrades and add-ons

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FILfydTnqOpdOf1pJLzfe%2F2025-12-22_22-03-18.png?alt=media&#x26;token=c8ccc0da-2002-4d1a-99c2-370c3a98522a" alt=""><figcaption></figcaption></figure>

***

### 🛒 Cart upsell widgets

These widgets appear in the cart to increase the cart value before checkout.

#### Cart Related

Shows related products inside the cart page.

**Example**\
Cart contains: `Clinique Continuous Coverage Makeup Broad`\
Cart Related shows other products like lipstick, foundation, cleansing palm,...

**Best for:** last-minute cross-sell

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FgHrnEx69gqlZhEAAlIrj%2F2025-12-22_22-08-25.png?alt=media&#x26;token=143f52bc-5d1b-4ed0-a0fb-7d370b32572c" alt=""><figcaption></figcaption></figure>

***

#### Cart Add-on

Shows simple add-ons in the cart.

**Example**\
Cart contains: `Clinique Almost Lipstick Comes`\
Cart Add-on shows: `Pressed Powder Blusher`

**Best for:** low-price extras that convert well in cart

***

#### Cart Inline Offer

Shows an upsell **between cart items** (inline placement).

**Example**\
Cart items:

`Clinique Sonic System Airbrushed Finish`<br>

Inline Offer shows:&#x20;

Add matching product

```
Pressed Powder Blushe
```

**Best for:** high visibility upsells inside the cart list

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FvsDlJsjp8v5PuLGMMMvg%2F2025-12-23_15-26-31.png?alt=media&#x26;token=e2f9d332-bc46-4d8d-933d-9b18894b6123" alt=""><figcaption></figcaption></figure>

***

#### Cart Recently Viewed Products

Reminds shoppers of items they viewed earlier (useful when they’re still deciding).

**Example**\
Customer viewed earlier

Cart currently has  `Pressed Powder Blusher`\
Cart Recently Viewed shows:  `Clinique Blended Face Powder and Brush, Clinique Almost Lipstick Comes`,...

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FKWfR6kuSfg9W7W1IjUIh%2F2025-12-23_15-32-36.png?alt=media&#x26;token=97ad126c-81e1-43d7-a39d-0b93e084adce" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FOpGjzjfncl8mOGACHTEW%2F2025-12-23_15-33-33.png?alt=media&#x26;token=ce83b904-037d-4ceb-9dbe-fa653c7bfc6e" alt=""><figcaption></figcaption></figure>

***

### 🎉 Post-purchase widgets

These widgets appear after checkout (on the thank-you page) to create easy post-purchase upsells.

#### Thank You Offers

Shows products after purchase for an additional purchase.

**Example**\
Customer just bought: *Phone*\
Thank You Offers shows: *Screen protector* + *Phone case*

**Best for:** low-friction upsells after purchase

📸 **Screenshot suggestion:** Thank-you page section (or Design tab settings) showing number of products + elements toggles.

***

### 🔁 Discovery & reminder widgets

These widgets help customers rediscover products across other pages.

#### Recently Viewed Products

Shows products the customer viewed recently.

**Best for:** bringing customers back to products they explored

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2Fy8YXdSm7GfB8yoaZxweY%2F2025-12-23_15-38-12.png?alt=media&#x26;token=cafdaaca-2a38-4d14-853c-e3dbf4132ed6" alt=""><figcaption></figcaption></figure>

***

#### Search Add-on

Shows add-ons near the search experience (depends on your theme placement).

**Example**\
Customer searches: “phone”\
Search Add-on shows: *Chargers*, *Cases*, *Power banks*

**Best for:** search-based upsells

***

#### Homepage Add-on / Collection widgets

Shows add-ons or related products on homepage or collection pages.

**Best for:** promoting accessories on browsing pages

<figure><img src="https://3173367560-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRM5h2vtdtoVXQ1FbxweB%2Fuploads%2FGzXOyANF8EyejzryJX9Q%2F2025-12-23_15-40-03.png?alt=media&#x26;token=842357f7-0447-441c-81c4-e0e30c4aba83" alt=""><figcaption></figcaption></figure>

***

#### Summary

* Want upsells on product page? → **Related / Bought Together / Add-on**
* Want upsells in cart? → **Cart Related / Cart Add-on / Cart Inline Offer**
* Want offers after checkout? → **Thank You Offers**
* Want reminders across the store? → **Recently Viewed / Search Add-on / Collection widgets**

***

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

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

***

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