Skip to main content

Side Cart Upsells

📋 Table of Contents​

Overview​

Side Cart Upsells add a rules‑based "You might also like" row right inside the Side Cart drawer. Every time the drawer opens, the plugin reads the cart, matches it against the rules you've defined, and recommends the products most likely to be added — all without leaving the page.

Unlike a fixed product list, these upsells are conditional: you decide who sees each offer (based on cart contents, cart total, user role, purchase history, and more) and which products they see. A Default Upsell Rule acts as a safety net so the drawer never looks empty.

Free vs Pro

The Side Cart Upsells engine is available in the Free version, which supports up to 3 rules. Pro removes the rule limit and unlocks the Display Customer Conditions controls (exclude if in cart / exclude if purchased).

How it works​

A customer adds a Beanie to their cart. The Side Cart slides in and, just below their items, a "You might also like" row suggests Sunglasses and a Belt — the accessories that pair best. Because you created a rule targeting carts that contain an Accessories product, the right customers see the right offer at the exact moment they're deciding whether to check out. One tap adds the upsell and the drawer totals update instantly.

Step-by-Step Setup​

1. Enable Side Cart Upsells​

  1. Open Side Cart & Upsell → Side Cart.
  2. Switch to the Addons tab.
  3. In the add‑on list, select Upsells and toggle Enable Upsells on.

Side Cart Addons tab with Upsells enabled

The Upsell Configuration area has two tabs: General (rules and products) and Design (appearance).

2. General — build your rules​

  1. On the General tab, set the Rule Match Mode:
    • First match wins — recommends products from the first matching rule.
    • All matched rules (Combine applicable products) — merges products from every matching rule.
  2. Click + Add New Rule to create Rule #1, then give it a Rule Name (e.g. Accessories cross-sell).
  3. Under ① Conditions, define who is eligible — for example Product categories in cart → At least one of → Accessories. Add more conditions and group them with And / "Or" Condition Group for complex logic.
  4. Under ② Offers, click Add Item for each product eligible customers will see. For every offer you can set:
    • Product and Quantity.
    • Edit quantity by user — reveals Min quantity / Max quantity.
    • Discount Type — No Discount, Percentage, Price (exact price override), or Fixed price (Pro) — plus the Discount Amount.
    • Drag the offer cards to set their order in the drawer.
  5. Use the Status toggle to activate or pause each rule.
  6. Repeat for additional rules (up to 3 in the Free version).

Rule #1 with conditions and two offers

3. General — add a default rule and customer conditions​

The Default Upsell Rule is shown only when no other rule matches, so the upsell row is never empty.

  1. Leave Source on Products and select one or more default products to fall back to (e.g. best‑sellers).
  2. (Pro) Under Display Customer Conditions, choose when an eligible offer should be hidden:
    • Show Always — always show matching offers.
    • Exclude if in cart — hide an offer that's already in the cart.
    • Exclude if purchased or in the cart — also hide items already bought.

Rule #2, the Default Upsell Rule, and Display Customer Conditions

4. Design — style the row​

Switch to the Design tab.

  1. Set the Title (defaults to "You might also like").
  2. Choose the Button action — Add to cart or Go to product page — and the Button label (defaults to "Add").
  3. Choose the Item price display — Product price or Product subtotal.
  4. Pick an Upsell Theme — Theme 1 or Theme 2.
  5. Adjust the colors: Button, Button Text, Button Hover / Hover Text, Price, and Discounted Price (Theme 2 also exposes a Product Upsell Card Background color).
  6. Click Save Changes.

Side Cart Upsells Design tab with Theme 2 selected

Example configuration​

Scenario: An apparel store cross‑sells accessories inside the cart drawer, sweetens the deal for bigger baskets, and never shows an empty upsell row.

Global

SettingValue
Rule Match ModeAll matched rules (Combine applicable products)

Rule #1 — Accessories cross-sell

FieldValue
StatusActive
① ConditionProduct categories in cart → At least one of → Accessories
② Offer 1Product Sunglasses · Quantity 1 · Discount Type No Discount
② Offer 2Product Belt · Quantity 1 · Discount Type Percentage · Discount Amount 10

Rule #2 — Treat yourself over $75

FieldValue
StatusActive
① ConditionSubtotal excluding tax → Greater than → 75
② Offer 1Product Cap · Edit quantity by user ✔ · Min 1 / Max 2 · Discount Type Price · Discount Amount 9.99

Default Upsell Rule (shown only when no rule matches)

FieldValue
SourceProducts
Default productsSunglasses, Cap

Design tab

FieldValue
TitleYou might also like
Button actionAdd to cart
Button labelAdd
Item priceProduct price
Upsell ThemeTheme 2
ColorsButton #000000 · Button Text #ffffff · Price #111111 · Discounted Price #ef4444

What customers see​

Each time the Side Cart opens, the plugin evaluates your rules against the current cart and shows the best‑matching products (or the default products when nothing matches) as a "You might also like" row — one tap to add, no page reload.

Side Cart drawer with a You might also like upsell row

Offers can include variable products, letting customers choose options right in the drawer before adding:

Side Cart upsell row recommending a variable product

Best practices
  • Use All matched rules for broad coverage, or First match wins when rules overlap and you want a single, prioritized offer.
  • Always set a Default Upsell Rule so the drawer never shows an empty upsell row.
  • Keep each rule's offers to 2–3 products so the row stays scannable inside the narrow drawer.
  • Enable Edit quantity by user only for items customers buy in multiples, and set a sensible Max to protect stock.

📚 Next Steps​

Now that you've configured side cart upsells, explore other ways to increase average order value: