Make Uxify one of your go-to sources on Google
Add Uxify on Google
What is Cross-Sell Placement?
Cross-sell placement is the choice of where, and at what moment, your store suggests products that go with the one a shopper is already looking at or buying. Socks with running shoes. A case and a memory card with a camera. Stores spend ages picking the products. Placement decides whether anyone notices.
There are four usual spots, and each one catches the shopper in a different frame of mind. On the product page, a “Goes well with” or “Frequently bought together” block sits near the add-to-cart button while they’re still deciding. In the cart or a slide-out cart drawer, the offer shows up right after they’ve committed. During checkout it competes with the payment form. Tough room. And after payment, on the thank-you page or a one-click offer, there’s no sale left to lose.
Say a shopper is on a trail-running shoe’s product page, on their phone. They pick a size 9, tap “Add to cart,” and the cart drawer slides open with merino socks and a gel sampler. Two placements, two jobs: the product page plants the idea, and the drawer turns it into a one-tap add.
Cross-sells aren’t upsells, which nudge people toward a pricier version of the same thing. They’re also different from alternatives (“You might also like”), which help someone swap rather than add. In Baymard’s usability testing, shoppers reacted badly when it wasn’t clear what a block of suggestions was based on, which is exactly what happens when both types get mixed into one carousel.
What this means for revenue
A well-placed cross-sell is one of the cheapest ways to raise average order value, because the visitor is already there with their card out. Quick math: a store doing 10,000 orders a month that gets a $12 accessory added to 4% of them makes an extra $4,800 a month. No new traffic needed.
The wrong spot costs you. Baymard saw cross-sells in the cart distract people from starting checkout, and suggests putting supplementary products on the product page instead. Their testers also assumed anything labeled “Recommended” would work with the item they’d picked. So a camera case that doesn’t fit turns a nice add-on into a return.
Then there’s speed, which rarely comes up in a cross-sell app’s sales pitch. A recommendations carousel is usually a third-party widget that loads after everything else, and if nothing reserves its space, it shoves the page down when it arrives. Google lists dynamically injected content without set dimensions among the most common causes of poor Cumulative Layout Shift, and wants CLS at 0.1 or less. On a phone, that jump can land right as a thumb reaches for the buy button.
Honestly, a block that knocks your add-to-cart button out of the way is a net loss. Whatever the app dashboard says.
How Uxify helps
Reality tracks Core Web Vitals and engagement from real sessions on every pageview, split by page and device, so you can see if the templates carrying a recommendations widget shift more or respond slower than the rest. Funnels shows the paths shoppers take to checkout and where they drop off, so you can tell if a cart cross-sell is adding items or adding exits. Ask Uxi can dig into both and help you pick what to test first. And when a shopper taps a suggested product, Navigation AI has already loaded that page in the background, so hopping from the shoes to the socks feels instant.
Cross-Sell Placement FAQs
Where should cross-sells go on a product page?
Close enough to the add-to-cart button to be seen when the decision happens, but never above it, and never pushing it down as it loads. On mobile that’s usually just below the button. Give the block a clear label like “Goes well with” or “Customers also bought,” and keep it separate from your alternatives. Our entry on PDP elements covers the rest of the page.
Should I show cross-sells in the cart?
Sometimes. A small, cheap, obviously related add-on (batteries, a care kit, a gift box) can do well there. A big carousel of loosely related products is a different story. Track your cart-to-checkout rate before and after, since that’s the number a bad cart cross-sell quietly drags down.
What’s the difference between cross-sells and post-purchase upsells?
Timing. Anything before payment can still cost you the order if it distracts. A post-purchase offer appears after the payment goes through, so it can’t touch the original sale, though it only ever reaches people who already bought. Our guide to post-purchase upsell apps for Shopify covers that window.
How do I know if a cross-sell placement is working?
Ignore the widget’s own click-through rate. Compare AOV and add-to-cart rate on pages with and without it, check whether checkout starts dipped, and watch CLS and INP on those templates in field data. A placement that adds $3 to some orders while losing whole orders elsewhere isn’t working. Revenue per visitor is a handy single number here, since it catches both sides of that trade.