The Product Upsell element allows you to showcase related or recommended products directly inside your cart drawer. Built on a product slider, it displays multiple items in a visually engaging way. Upsells encourage customers to explore more products and increase their average order value (AOV).
The element comes pre-configured, making it easy to drop into your layout and fully customize to fit your brand.
Overview
Product upsells in the cart drawer are a proven strategy for increasing revenue without additional traffic.
Benefits of Cart Upsells
Benefit | Description |
Increased AOV | Customers add more items to their order |
Product discovery | Expose shoppers to related products |
Convenience | Easy add-to-cart without leaving the drawer |
Higher engagement | Interactive slider keeps customers interested |
Inserting the Product Upsell Element
Step 1: Open the Insert Panel
Navigate to the Insert Panel in Instant.
Step 2: Locate the Upsell Element
Go to Elements → Cart
Hover over the Cart category to expand the menu
Select Product Upsell
Step 3: Add to Your Cart Drawer
Drag and drop the Product Upsell element into your Cart Drawer Layout
The element automatically displays a pre-configured slider
Upsell Configuration
Product Source Options
Source | Description |
Related products | Products from the same collection |
Complementary products | Items that pair well with cart contents |
Manual selection | Specific products you choose |
Best sellers | Your top-performing products |
Slider Settings
Setting | Description |
Products shown | Number of visible products at once |
Navigation | Arrow buttons for browsing |
Autoplay | Automatic sliding (optional) |
Loop | Continuous scrolling |
Customization Options
Property | Customization |
Product card | Image size, title, price display |
Add to cart button | Text, color, style |
Slider controls | Arrow style, position, color |
Spacing | Gap between products |
Typography | Fonts for titles and prices |
Best Practices
Practice | Description |
Limit quantity | Show 3-5 products to avoid overwhelming |
Relevant products | Display items related to cart contents |
Clear pricing | Make prices easy to see |
Quick add | Enable one-click add to cart |
Quick Reference
Task | Action |
Insert Product Upsell | Insert panel → Elements → Cart → Product Upsell |
Position in layout | Place below product items |
Configure source | Select element → Right sidebar → Product source |
Customize slider | Select element → Layout and style options |
Recommended Placement
Position | Element |
1 (Top) | Header |
2 | Reward bar |
3 | Product Items |
4 | Product Upsell |
5 (Bottom) | Footer |