Shopping Cart Page Checklist: 16 Things I Look For

Last week in Checkout Optimization: Are You Testing The Wrong Thing?, we looked at the top reasons customers report why they abandoned their last shopping cart. You’ll recall the top reasons had nothing to do with web usability and design, but the customer’s willingness to complete the purchase at that given time – including “sticker shock,” a desire to comparison shop, or they simply were not ready to purchase yet. We discussed ways each FUD (fear, uncertainty and doubt) could be addressed on your shopping cart page, with a promise to cover the design and usability goodies as a follow up (i.e. this post!)

While there’s no recipe for an “ideal” shopping cart page, there are elements I look for when reviewing a site – both “must haves” and “nice-to-haves.”

Must Have Shopping Cart Page Features

1. Provide large, clear thumbnail images

The cart summary is the customer’s last review before initiating checkout. The customer *should* review the cart for accuracy, however some will only scan (I’m guilty of the lazy review and that’s how I ended up with a used copy of Barbara Walters’ memoirs)!

Believe me, customers will blame you for an error before considering they may have made the mistake. I wrote Alibris about the “error” before realizing I was the dunce. But this could have been avoided if the cart summary showed boldly each product thumbnail and description in my cart. For some e-shops, color will also be important in the review. For software that often has several SKUs with the same thumbnail image, it’s important to clearly highlight the differentiating attribute (e.g. 1 year subscription vs. 3 year, student edition, etc.)

This cart is difficult to review without clicking on individual products:

The Apple Store shows a thumbnail, but does not indicate what color iPod I’m ordering.

Eddie Bauer shows clear and large images (you can even zoom!)

2. Include product link, price and quantity selected

Don’t laugh. These are important!

3. Show stock availability

You may think this is unnecessary, especially if you disable cart buttons for out-of-stock products. But we know a portion of your customers will “save” items in cart and return at a later time. It’s important to assure customers the item is still available, and notify when items are unavailable.

Etsy makes it clear when items from its marketplace are no longer available, with options to move to favorites (wish list), remove or contact the seller. Similarly, an ecommerce site could add a “notify me when back in stock” link in lieu of contact seller.

Staples includes cross-sells below unavailable products. (This should be tested, as it may also reduce conversion):

4. Provide clear editing tools (update quantity and remove)

It’s not enough to have editing tools, they must be intuitive and “easy to spot.”

Avoid little icons that are difficult to interpret, like circular arrows to “recalculate” or refresh. Text links “Remove” and “Update” are more clear.

Avoid placing editing buttons out of the content space where the editing occurs:

5. Provide a visible telephone number

Always provide a second option if there’s trouble with Web checkout. Worried about attribution? Some sites use vanity toll-free numbers to track conversions referred from paid search, direct type-ins, affiliates, etc.

6. Offer clear, non-competing calls to action

Avoid styling your “Proceed to Checkout” and “Continue Shopping” links the same way. Prioritize your calls to action with “Proceed to Checkout” more prominent.

7. Show calls to action above the fold

The more items in the cart, the lower down your Checkout button sinks. Including calls to action above and below the order details ensures it’s noticed. It doesn’t hurt to duplicate them. (See Walmart example above).

I also recommend keeping the Checkout button in the “content area” or white space of the order review. Many large sites including Apple push it off to the right hand side with a mini-cart, which may not be where customers expect it.

8. Include point of action assurances

Point of action assurances (PAAs) should appear proximal to the call to action – not way up in the header or down in the footer.

Beyond the security seal, other PAAs include privacy links, return policies, “shop with confidence” boxes, or taglines below the Checkout button like Amazon’s “you can always remove it later” (which, has apparently since been removed).

9. Minimize your coupon code box

Showing a coupon box is an invitation for the customer to go deal hunting. This not only eats at your margin by discounting the cart, but you will also be shelling out commissions to affiliates who did not refer the sale.

There are a few ways to handle this issue:

1. Suppress the coupon box unless the customer has been referred by an email or affiliate campaign with a coupon code. You have the choice to auto-apply the promo or show the box.

2. Link to your own coupons page

3. Re-label the field as “Voucher” or “Gift Certificate”

4. Create an inconvenient hurdle to use the code, such as log in.

10. Pre-checkout tax and shipping calculation

A OneUpWeb survey found that 95.5% of customers expected to have price and shipping clearly stated, and 59% expect a “total cost” (tax + shipping + anything else) on an ecommerce site. We can safely assume this means pre-checkout, as nobody wants to get through a sign in page and shipping/billing form before he/she can judge whether a price is acceptable.

An interesting observation is the 10 highest converting ecommerce sites, for the most part, do not provide pre-checkout tax and shipping estimate. My opinion is to err on the side of meeting customer expectations. There are many reasons why these sites have astronomical conversion rates (exclusive/niche product, strong catalog history, distributor network, etc) which afford them strong conversion – it doesn’t come down to a common variable. (What do you think? Share in the comments).

Nice-to-Have Shopping Cart Page Features

11. Live chat

If you have a telephone number, a customer in distress will reach out. But having a live chat link or pro-active prompt is great, too. Today’s email/texting culture may prefer this method.

12. Move to wishlist

For customers who encounter “sticker shock,” or a total that’s above what they can afford, whittling down items in the cart is a common behavior. Make this easy by allowing customers to move items to a wishlist. Amazon keeps items moved from cart to wishlist appended to the cart summary, so customers are reminded the next time they’re ready to purchase.

13. Display payment options

Some folks only want to shop with PayPal, Google Checkout, Amex, etc. Showing icons can provide reassurance to these customers, but they can also compete as calls-to-action (depending on how they are displayed). One way to handle a large number of acceptable payment types is to provide a link that expands with a click or mouseover to show alternatives for those it’s important to, and suppressing it for folks who don’t care.

14. Quick Look cart editing

Extending the Quick Look feature to the cart can help a customer re-configure their selection without leaving the cart.

For complex sales that require configuration (mobile phone plus package and accessories, for example) in-line editing ability (expand and collapse details with an AJAX plus-box) is a nice feature.

15. Carrots

Reminding customers that they are $X away from (free shipping, free gift, etc) could improve your items per order and average order value.

16. Cross-sell/upsell

While not essential to conversion (and some may argue, may lower conversion), cross-sells and upsells in the cart can improve your IPO and AOV also. (This is a major opportunity for ongoing testing – testing the number of recommendations, the type of associations, price points, placements, interstitials etc).

When I review a site, I look for areas where the cross-sell/upsell experience can be improved – not just a tick mark for “has/does not have.”

16. Gift options

Not only a nice upsell, but great customer service if you offer it.

17. Print/save cart

Certain purchase contexts make sense to print or save carts. For example, a large B2B purchase, or a cross-channel research online, purchase offline sale like a home improvement project.

Testing your cart

The presence of these elements are not the end of shopping cart optimization. It’s also key how they are presented, and how your cart page works as a whole. This list is a guideline to show you what you may be missing, but ongoing testing is the best way to continue to learn what works best for you.

Looking for help with A/B and multivariate testing? Contact the Elastic Path consulting team at consulting@elasticpath.com to learn how our conversion optimization services can improve your business results.

Tags: , , ,

Related Articles

10 Responses to “Shopping Cart Page Checklist: 16 Things I Look For”

  1. About the images, I wanted to add that it is best if you can have various perspectives. If it is a dress for example, you can have a 360 degrees view or show the front, side and back.

    Again, different browsers render different colors for different image file types so you need to conduct a browser test before launching your site. Your second point is very important – the cart link must be displayed conspicuously and made editable in one click. It must show the summary of the purchases with links to the relevant pages so the user can edit easily.

    The provision of a telephone number makes quick contact but you will not want to over burden your customer service. Before displaying the telephone number, provide a link to the Knowledge Base and tell the costumers to call if the knowledge base does not answer their questions. In most cases they do. Again, it is relieving to put the phone on IVR so that it appropriately directs the caller to the best source that will answer their questions. In my own example, we have sales, shipping, billing and tech divisions. Once you call, you are asked what your problem is and based upon your selection, you are accordingly redirected.

    I know cross selling helps but we did a study in which 30% of our respondents said they found it intrusive and distracting. One customer told us that the use of the phrase “other people found this product useful” does not address the unique needs of customers and appears to impose other peoples selections upon them. Indeed it is a suggestion but it appears offensive to some people. So what we did what, we rephrased the text to say something like “here are other accessories that you may need to match your product” or “we suggest you consider this product”. The term “other people”e was really worrying for some buyers.

    I think that when Amazon pioneered the early prototypes of cross selling with the phrase “Customers Who Bought This Item Also Bought” they were targeting average buyers or newbies. The web has now include to include advanced shoppers and many people know that the list of products suggested may not be genuinely generated because in many cases a script that monitors ones clicks through the product pages can capture these items and deceptively present as historical purchases. Myself I experimented with a certain shopping cart and it said other people bought these items when in actual fact I was just the one browsing through the products. I never bought anything. So cross selling scripts are good but must be implemented with great discretion.

  2. Aaron says:

    I think my web developer is hating me because I keep finding cold in the GetElastic blog and getting them to implement as many ideas as possible. Stock sites that have not been optimized and given the TLC can’t hold a candle to a relevant site that takes this wealth of information to heart.

    Glad to have found this blog BEFORE my site was completed :)

  3. Aaron says:

    Er, gold, not cold?

  4. Vaas says:

    Some mistakes need to be avoided with e-Commerce Web Site Design. Fast loading web sites impress most users. Slow loading sites frustrate them .

    A site must load quickly. If you are using an off-the-shelf shopping cart, such as osCommerce, Zen cart or Cube Cart, turn off all of the features you do not need.

  5. Bob Nunn says:

    Another great job Linda. You’re on a roll. Every link I see that interests me seems to lead to you!

  6. Josh says:

    “The Apple Store shows a thumbnail, but does not indicate what color iPod I’m ordering.”

    You added an iPod touch to your cart. It comes in black. If you add a green iPod shuffle, the cart indeed shows a green iPod shuffle.

  7. Henner says:

    Nice post. I’m still questioning myself why so many Onlineshops don’t care for their customes during checkout…

  8. MP says:

    I think item 10 (full cost at the cart) can be a complex issue, and point of debate: what’s best for the customer may not always be best for the business, at least in the short term, convert-now mode of thinking. From the customer’s point of view, it is absolutely the right thing to do. But if you are not competitive on shipping price (for any number of reasons), exposing the shipping cost early in the checkout flow will cause a hit on conversion. With every checkout conversion funnel I’ve analyzed, the biggest point of abandonment is always the point where the shipping cost is exposed to the customer. If you can’t be competitive on shipping cost, showing it at the cart may not be the best business decision. I’d be interested to know if anyone has done a controlled test for this.

  9. Ryan says:

    I disagree with your comments about coupon code boxes. In most markets, the majority of customers will not shop around to find a coupon code arent even aware of sites that advertise coupon codes. I would much rather make it as easy as possible for the customer to complete a purchase than worry about the very small majority trying to find a bargain.

Leave a Reply

© 2014 Get Elastic Ecommerce Blog. All rights reserved. Site Admin · Entries RSS · Comments RSS