The document outlines essential elements of an effective e-commerce shopping cart, including product details, availability, and total costs. It emphasizes the importance of clear navigation, highlighting checkout buttons, and providing trust factors to reassure customers. Additional features suggested include options for promo codes, shipping calculations, and links to policies to enhance user experience and drive conversions.

1. SHOPPING CART
BASIC ELEMENTS
E C O M M E R C E
Essential elements of a shopping cart
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
Summary of the
products in the cart
Provide the name of the product and a clear
product image. Clicking on this should take
the user to the respective product details
page.
1
Also, provide a brief description of the product along with info on the size and color selected which
the shoppers can use to check if they’ve added the right product. Make sure the product image
reflects the product options (such as color) chosen by the user.
Include the price of the products as well as the quantity chosen. If you offer a discount on the
products in the cart, strike out the original price but still keep it visible. This will remind the shoppers
of the great deal they are getting.

3. 2e c o m m e r c e u x d e s i g n . c o m
Availability of the
products in the cart
If a product goes out of stock after the user
added it to cart, then specify that right on the
cart page itself so that the user doesn’t have
to end up paying for a product that is not
available.
2
Average order value increased by 26%. Read on to find out more on
how we helped.
L E A R N M O R E

4. 3e c o m m e r c e u x d e s i g n . c o m
Subtotal and final cost
Before proceeding to checkout let the user
know the total order cost. In the total include
tax, packaging or shipping costs if any.
Don’t hide any cost in the shopping cart.
Also, shout out if you offer free shipping and
specify the amount if any that the user has
saved by buying from you.
3

5. 4e c o m m e r c e u x d e s i g n . c o m
Checkout button
This is the most important button on the cart
page. Highlight it so it attracts attention.
Keep meaningful text on the checkout button
such as Pay securely now or Proceed to
checkout etc instead of using contextual
words such as continue. Place the primary
CTA above the fold as well as below the
order details.
4
Read on to find out how a Shopify based luxury retailer increased
their landing page conversion by 200%.
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
Provide an option to
add more products to
cart
When on the cart page allow your customers
to continue shopping. But don’t take
them to a default page or homepage, let
the shoppers choose where to go next.
Provide a list of recently viewed pages to
choose from. Instead of cluttering the cart
page with a bunch of links, you can show
them in a drop down when the user clicks
continue shopping button. Including product
recommendations in the cart page also
provides way for the shoppers to continue
shopping.
5

7. 6e c o m m e r c e u x d e s i g n . c o m
Trust and confidence
factors
Would a shopper trust you if they don’t know
you well? Remind your customers that their
information will be safe with you by including
security certificates and privacy policy as
security concerns would stop them from
completing their purchase. Don’t forget to
include links to shipping details, return policy
and FAQ. Also, make them easy enough to
find.
6

8. 7e c o m m e r c e u x d e s i g n . c o m
Promo code option
If you offer something with a promo code,
then allow the user to enter it in the cart page
and check the order total with the applied
code. Downplay the promo code section and
make sure you link it with the promo listings.
newsletter.
7
See how a large fashion retailer used MineWhat to reduce exit rates
on their Out of stock pages by 2%.
You can use this section to grow your email list by specifying that promo codes are available to
subscribers and when you do so remember to provide an option to opt-in for newsletter.
L E A R N M O R E

9. 8e c o m m e r c e u x d e s i g n . c o m
Should you provide
an option to calculate
shipping in the cart
page?
If you ship to multiple countries or your
shipping charges differ for different locations
within the same country, then you definitely
have to allow your customers to choose the
shipping location or specify the zip code in
the cart page so that they can calculate the
shipping charges if any before proceeding
to checkout. A simple pop-up that get’s the
location as input and a calculate button. If
the user has already logged in, then fill the
location with the default delivery address
else with the help of IP tracking.
8

10. P O W E R E D B Y
Retail profitability platform
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