Page Designs

69 ‘Cross-Sells’ Design Examples

Also referred to as: Product Recommendations, Up-Sells

What’s this? Here you’ll find 69 “Cross-Sells” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 123 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

While cross-sells and product recommendations during the cart & checkout will often seem to be in the e-commerce site’s interest, there’s a delicate balance to be struck when it comes to deliberately asking users to focus on something else than completing their purchase. Especially injected cross-sells that require users to make an active decision (e.g., to accept or reject an offer) to be able to proceed to the next checkout step are, by users, often perceived as highly aggressive. For example, in our large-scale checkout testing 66% of users who had initiated a checkout and had to go through a separate step displaying a cross-sell at Amazon exhibited extreme frustration. Besides the examples below, also see our article 6 Ways to Improve the Relevance of Cross-Sells in the Cart - 52% of Desktop Sites Don’t Do Enough.

More ‘Cross-Sell’ Insights


69 ‘Cross-Sells’ Page Designs
Filter by:

User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

User Experience Research, Delivered Twice a Month

Join 25,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter
Premium Research

Get full access to Baymard’s 78,000+ hours of research and empower your UX team and decisions.

Audit Service

Get Baymard to audit your site’s UX performance, compare it to competitors, and identify 40 areas of improvements.