The document provides essential tips for effective shopping cart design in e-commerce, emphasizing the importance of placement, usability, and visual cues to assist users. It advises positioning the cart icon for easy access, utilizing both full-page and mini shopping carts for decision-making, and enhancing the user experience when the cart is empty by offering suggestions. Additionally, it highlights the value of product recommendations to encourage conversions.

1. SHOPPING CART
DESIGN
E C O M M E R C E
Online shopping cart design and usability tips
e C o m m e r c e U X D e s i g n a M i n e W h a t i n i t i a t i v e

2. 1e c o m m e r c e u x d e s i g n . c o m
Where should the
shopping cart icon be?
Allow your users to easily locate the
shopping cart. Place the shopping cart icon
on the top right of every page in your store.
Indicate whether the cart contains products
or not by specifying the total number of
items. Also specify the total value of the
items present in the cart.
1
Time saved on category management everyday 2Hrs. See how
MineWhat brought an entire team onto one page.
L E A R N M O R E

3. 2e c o m m e r c e u x d e s i g n . c o m
Full page cart
Users make their final purchase decisions
when they are in the cart page. Shoppers add
products to cart so that they can review or
compare the items they have chosen, check
whether the order total meets their budget
or whether they qualify for free shipping etc.
So, design your cart page in such a way
that it assists your shoppers in their buying
decision.
2

4. 3e c o m m e r c e u x d e s i g n . c o m
Mini shopping cart
Having a mini shopping cart is definitely not an alternative to the full page cart as decision making
will be tedious with just a mini cart. It will help shoppers keep track of how much they spend and
what they buy. Provide a link in the mini cart to view the full page cart instead of taking the user
directly to checkout.
3

5. 4e c o m m e r c e u x d e s i g n . c o m
Read on to find out how a Shopify based luxury retailer increased
their landing page conversion by 200%.
Use mini cart to confirm that a product has been added to cart. You can also include product
recommendations which would make it easier for your shoppers to find more products.
L E A R N M O R E

6. 5e c o m m e r c e u x d e s i g n . c o m
Empty shopping cart
design
When the shopping cart is empty, remind
your users to add products to cart instead of
just saying that it is empty. Provide shopping
instructions and a call to action that entices
users to do so. You can also include product
recommendations or your store’s unique
selling points.
4

7. P O W E R E D B Y
Product Analytics for eCommerce
The #1 eCommerce intelligence platform for your sales and marketing
teams.
Quickly spot what works and what doesn’t on your store. Drive more conversions.
www.minewhat.com >>
F R E E S I G N U P