Order Summary

There's one exception to when checkout content can live outside of a single column layout and that's if it's non-interactive. It can contain information that won't matter if a user misses it.

A good example which should be present on all checkout flows is a summary of the user's basket. Even if you don't have a separate basket page on your website, you should show users what they are ordering throughout the checkout. Not only is it helpful if they need to check something, it also reassures users that they're paying for the right things. Making a payment can be an intimidating moment, particularly if it's for a large amount.

Despite its usefulness, it is ultimately secondary information and so can sit in an expandable section on mobile or can be positioned on the right side on desktop. The section itself can look a lot like a basket but as the checkout should be closed off from the rest of the site, you don't need to link to the product pages. Otherwise images, titles, variants, and price are all useful to maintain

<< Back to more UX Tips

Are you making data-informed improvements?

For websites with a significant traffic (7K+ visitors per month), we recommend Conversion Rate Optimization.

CRO is the process of enhancing your website and content to boost conversions(sales). Every change made will tested and backed by your visitors' data.

Want a list of elements that can be enhanced on your website to boost conversions?

Talk to our Consultant Right Now
  • Get A Free Strategy Call

    Don’t be content with your existing conversion rate. Every visitor you don’t convert is money left on the table and it is happening right now.


    Let's create the perfect version of your eCommerce Store