Choose placement & layout

Placement and layout decide where your widget appears and how it looks on your store.
This is the first and most important step when configuring a widget.

---

ℹ️ What is placement?

Placement decides which page the widget will appear on.

Each widget can have one placement only.

Available placements:

• Product page
• Collection page
• Home page
• Cart page
• Search page
• Thank you page

---

ℹ️ What is layout?

Layout decides how the widget behaves and looks.

Layouts control:

• Product grouping
• Buying behavior (upsell, cross-sell, bundle)

---

🛠️ Step 1: Choose widget placement

1. When creating or editing a widget, go to Placement
2. Select the page where you want the widget to appear
3. Click Next (or Save if editing)

Common examples

• Product page → Show related items
• Cart page → Upsell before checkout
• Thank you page → Post-purchase offers

---

🛠️ Step 2: Choose widget layout

After selecting placement, choose a layout.

Available layouts include:

Related products

• Shows similar or complementary products
• Best for product pages

Example:
“You may also like”

---

Frequently Bought Together

• Shows bundle-style recommendations
• Encourages multiple-item purchases

Example:
Camera + Lens + Bag

---

Add-ons

• Suggests accessories or upgrades
• Simple upsell layout

Example:
Phone → Phone case

---

Recently viewed

• Shows products the customer viewed recently
• Helps shoppers continue browsing

---

💡 Placement & layout rules

• Some layouts are only available for certain placements
• Example:
  • Frequently Bought Together → Product page
  • Add-ons → Product or Cart page

Tip
If a layout is not available, it means it is not supported for that placement.

---

🧪 Example setup

Goal: Show related products on product pages

• Placement: Product page
• Layout: Related products

This is the most common and easiest setup.

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