Page Designs

188 ‘Cross-Sells’ Design Examples

Also referred to as: Product Recommendations, Up-Sells

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


188 ‘Cross-Sells’ Page Designs
Filter by:

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter
See all 188 designs

User Experience Research, Delivered Weekly

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

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

251 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.