For the complete documentation index, see llms.txt. This page is also available as Markdown.
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
When creating or editing a widget, go to Placement
Select the page where you want the widget to appear
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.
