The shopping cart sits near the end of the shopping flow – just a step before the actual checkout and payment process. It’s the place where totals, discounts, taxes, and shipping costs get calculated. Most importantly, it is a magical place where the final purchase decision often happens.
Besides providing an order overview, the cart page is also an ideal place to show some vital purchase information that can weigh in the purchase decision. It can also offer products for impulse shopping to increase the average cart value.
However, we often see shopping cart pages having high abandonment rates. There are many disappointments customers can face on the cart page and leave the store before completing the purchase. Here are some tips for Magento cart page design to lower those abandonment rates and push your customers to the checkout!
Table of contents:
1. Minicart
2. The cart page
2.1. Products overview
2.2. Shipping fees and returns policy
2.3. Trust seals
2.4. Button hierarchy
3. Additional content on cart
3.1. Coupon code options
3.2. Cross-sells
Magento actually has two carts. The first one is the “mini” cart, while the second one is the full cart page. They both serve different purposes but share some similarities. Let’s dig into them!
Mini-cart
Magento’s mini-cart (or drop-down cart)’s primary purpose is to give a quick overview of the products previously added to the cart. Its trigger is usually placed somewhere within the main header. It’s available throughout the site, regardless of the page type a customer is looking at the moment.