Page Designs

85 ‘Cross-Sells’ Design Examples

Also referred to as: Product Recommendations, Up-Sells

What’s this? Here you’ll find 85 “Cross-Sells” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 149 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


85 ‘Cross-Sells’ Page Designs
Filter by:

User Experience Research, Delivered Twice a Month

Join 30,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 30,000+ UX professionals and get a new UX article every second week.

A screenshot of the UX article newsletter

Explore Other Research Content

319 free UX articles based on large-scale research.

149 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.