Cart showing 20 of 216



Offer upsells and/or cross-sells when adding a product to cart

An example from Raphael Here’s a good example of how to offer upsells/cross-sells when adding to cart. This was extracted from a video shared by CRO expert Raphael Paulin-Daigle on his LinkedIn.   See the other two ways he talks about by watching his video on LinkedIn:   Relevance, relevance, relevance In the example below […]



De-emphasize the “continue shopping” link

Your checkout flow should have zero distractions. Customers should be directed towards one goal: paying. If they get distracted they might abandon their carts and that is not good for anyone. Many e-commerce stores have a “continue shopping” link on the cart page to encourage customers to keep shopping. Some store owners say it increases […]



When clicking “Add to Cart”, open a modal panel

Don’t redirect to the cart This is actually one of Google’s best practices for mobile retail. If generally your visitors only buy a single product, I understand the temptation to redirect them directly to the cart. However, that breaks their expectation of an Add to Cart button.  One solution is to switch the call to […]



Allow users to set a quantity of zero (0)

”One” is usually the default quantity whenever a product is added to cart. The “Add to Cart” button is often accompanied by a quantity selector that allows customers to add larger quantities of the product to their cart. Yet, shoppers might want to change the quantities of their cart items for a number of reasons: […]


Make your shopping cart persistent

A persistent cart stores items in a shopper’s cart for their next visit. If Jonah adds a number of items to his cart on Monday, he should find them when he comes back on Friday. For guest users, the feature is best implemented by use of cookies. For customers in possession of user accounts, cart […]


Add security, guarantee, and trust badges to the Cart page

Internet users are suitably concerned about handing over their private information to just anyone. They are especially sensitive when credit card details are involved. No one wants their bank account emptied by some hacker. If yours is a small store with little brand recognition, this customer reluctance can be a crippling handicap. In fact, 18% […]


Offer upsells and/or cross-sells on the cart page or panel

Upsells and cross-sells are some of the easiest ways to boost sales. While they’re used primarily on product pages, they still have a place on the cart page and can prove quite beneficial if implemented properly. To be clear, I’m referring here to the cart page or slide-in panel when they’re accessing the cart (typically […]


Notify shoppers of no longer available

E-commerce customers are never under any pressure to complete a purchase. The buying process is rarely linear and while some customers buy what they want in a single session, others might take days, or even weeks to complete a purchase. Such a customer will come in, look at the products, and add an interesting one […]


Warn users in the cart for products low in stock

E-commerce customers don’t always make a purchase outright. They’ll add multiple items to their carts and forget about them for a while (see BP #142). The reasons behind this kind of behavior are numerous: Customers may be waiting on money before completing the purchase. Customers may be taking the time to compare products across multiple […]


Give navigation options on your Empty Cart page

Once a customer has emptied their cart, there remains little else to be done on the cart page. It’s a dead end. Some may have deleted the items on their cart while others may have checked out. It doesn’t matter.  Customers with nothing to do on your site are customers on their way out. Many […]


Show available payment options below the Checkout button

Payment is inarguably the most important part of any business, online or offline. Business decisions are often geared towards attracting sales. All the optimizations in the world don’t mean a thing if a customer is unable to to give you their money for one reason or another. That’s why you need to have multiple payment […]


Display the image and relevant attributes for each product

In the cart From a quick glance at their cart, it should be easy for shoppers to recognize the items they’re about to pay for. Customers need to confirm their selections and catch any errors or items they may have added to their carts accidentally. As such, you need to include relevant product attributes to […]


Repeat your unique selling points in the cart

Your unique selling points (USPs) are what set you apart from other stores. They tell customers why they should buy from you instead of your competitors. They are an important part of your store’s branding and value proposition. USPs can sometimes be the deciding factor when it comes to a customer deciding to buy or […]


Allow users to save their cart for later

Cross-device shopping One of the main reasons why this is needed is so they can continue their shopping experience on another device. Oftentimes, they’ll shop on mobile and purchase on desktop. See best practice #90 for more details on that.   Continuing later Another reason why users save their cart for later is to make […]


Auto-update the cart when a quantity is changed

Sometimes customers need to edit their orders at checkout. Jonah might realize he only ordered one pack of toilet paper which might not be enough. He could also have erroneously added three stormtrooper helmets to his cart instead of just one. In either case, he’ll need to adjust the product quantities to more reasonable levels. […]


Show the cutoff time as a countdown timer

Let’s say you sell flowers and offer same-day delivery. If a customer places an order at 10 am, you could reasonably expect to fulfill the delivery by the end of the day. If the order is made at 10pm however, you probably won’t be able to fulfill it by midnight. This necessitates the need for […]

Cart Product

Use buttons in your quantity selector

Baymard and the Nielsen Norman Group, after extensive research, both agree that the best way to design your quantity selector is by using the plus and minus buttons on either side of the default value. The plus and minus buttons are intuitively easy to understand while retaining a minimalistic elegance from a design perspective. They […]