Find out WHAT stops your shoppers from buying

We'll have our conversion rate specialists analyze your website-and tell you what could be cslowing don your conversions.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Conversion Optimization

Top 25 Cart Page Designs (Examples) In 2022

Is your eCommerce business facing high abandonment rates? Take a look at 25 cart page designs that you can copy to get more sales in 2022!

Top 25 Cart Page Designs (Examples) In 2022

The virtual shopping cart sees more rejection than any other eCommerce webpage. 

Even Sarah McLachlan in the new Bolt ad calls attention to the shopping cart, complete with maudlin music and images of cute teddy bears left to fend for themselves in old-school metal shopping carts. :D  

While the parody made us chuckle, the issues with shopping cart pages are very very real. 

Due to the pandemic, the eCommerce market has grown exponentially and now, the market is fiercely competitive.  

The consumer decision cycle is getting longer

It’s true. 

The standard consumer decision process is no longer applicable. 

Because not all shoppers follow the same journey. 

Today, customers might come across your online store through different channels. But after adding products to the cart, customers second-guess and abandon the cart. 

Some customers might even delay their decision by days, weeks, and even months.         

Shopping cart page designs are ever-evolving

Research shows the average cart abandonment rate across all industries is around 69.57%

More drop-offs mean more revenue loss.

That’s why eCommerce business owners need to keep trying new things to decrease those cart page drop-offs.      

25 shopping cart page design examples that we love

1) Solo Stove - Put convenience first

shopping cart page design examples that we love

Solo Stove designs simple and portable outdoor gear for campers and backyard cooking. They focus on offering safe and environment-conscious equipment.    

What you can copy:

  • Once a customer adds a certain product to the cart, Solo Stove automatically adds complementary products to the cart.  
  • For products that will be delivered sooner, text can display the expected shipping time. Solo Stove does it right by showing the text in a different color so that it’s easier to read. 
  • It shows the supplementary product like the accidental protection right under the applicable product. When clicked, details of the accidental plans open up into a pop-up instead of a subpage, keeping the customer on the cart page.    

 

2) Smyths - Give alternate delivery options   

shopping cart page design examples that we love

Smyths Toys Superstores boasts a large catalog of trending and popular children's toys and entertainment products. Their cart page has a simple layout yet gets all the points across. We love it.     

What you can copy:

Smyths offers multiple shipping and delivery options on their cart page. However, the details are not crowded in one place. 

  • They can read more details about the shipping and delivery before the footer. 
  • Delivery information is summed up in three points right under the header. And these sub headlines are clickable. When clicked, a pop-up opens, and customers can read the information without leaving the cart page.  
  • Lastly, customers can make an informed decision and choose either home delivery or in-store pick-up.

3) Di Bruno Bros - Add some action to the cart page

Top 18 Cart Page Designs (Examples) In 2022

Di Bruno Bros is a well known food retailer and importer with a wide range of gourmet products. We love their cart page for it's simple yet clever design.

What you can copy:

  • The cart page has some classic features. What sets it apart from the rest is the information structure. The cart is easy to edit, customers can add, delete or save the products for later.
  • The highlight of this cart page is the orange progress bar right above the price summary so that customers know how close they are to availing free shipping.

4) ASOS - Enable guest checkout

shopping cart page design examples that we love

ASOS, a retail brand, is committed to providing inclusive fashion, introducing unique boutiques and independent brands to global customers.  

What you can copy:

  • The first thing that jumps out on ASOS’s cart page is the clear color contrast between the cart area and the header and footer. It catches the eye and helps customers to read the text and prompts without too much effort.  
  • We love the different prompts on this cart page 

          - assure customers they can come back to the cart

            (items are reserved for 60 mins/save for later)

           - upsell without being pushy (spend $150 and get 13% off almost everything)

           - shipping details (a ˅ lets customers read more details right on the cart page) 

  • The pricing area has subtle triggers to make customers hit the checkout button. On the cart page, it only shows card applicability.  While it’s essential to be transparent about extra costs, ASOS puts it in the next step right with discount codes. 
  • ASOS also offers multiple checkout account options and guest checkout as well.  

5) John Paul Mitchell - Experiment with product samples 

shopping cart page design examples that we love

John Paul Mitchell Systems (JPMS) is an American brand that sells hair care products and styling tools through several brands including their flagship product Paul Mitchell. 

What you can copy:

  • JPM adds important info right on top of the cart page. Their cart page includes all the right nudges to get free shipping and other shipping details.
  • While having more is always a good option, you shouldn’t paralyze customers with too many choices. JPM’s cart page offers 3 free samples with every order. And we love how they let customers choose the samples instead of forcing unnecessary products. This is a smart tactic to not overwhelm customers and offer them long-term benefits. 

6) Dell - Summarize product descriptions 

shopping cart page design examples that we love

As one of the largest technology brands in the US, Dell’s computers and equipment are widely popular in the market.  

At first glance, Dell’s cart page might look busy. However, considering the target audience, customers looking to buy heavy-duty computers for gaming,   

What you can copy:

  • Once customers add products to cart, they might hesitate to click the buy now button. Especially for products with a higher price tag. Potential customers might go back to product pages to double-check specs or abandon cart to research similar products on other online stores. Dell strives to keep customers on the cart page with dropdowns summarizing product specifications and star ratings. This helps customers to check product details without hitting the back button. 
  • The cart page offers an additional layer of authenticity with trust badges in the price summary area. If your average order value is higher than most online stores, make sure to offer as many verified credentials and payment gateways as possible for a smoother checkout process. 
  • We love the customer service plug-in on Dell’s cart page. Its business-like approach reflects the brand’s personality and offers multiple ways of communication.     
  • While adding more than 2 CTAs might overwhelm customers, Dell clearly distinguishes intent. The brand understands that customers need time to think over their purchases and accordingly offers to save the cart with a log-in. Furthermore, it offers a financing payment gateway for customers who need it.

7) Natori - Use pop-ups instead of subpages

shopping cart page design examples that we love

Josie Cruz Natori, founder and CEO of The Natori Company believes ‘Natori is a total concept, a way of life’. The brand believes in offering products with an artistic edge and contributes to sustainability efforts. 

What you can copy:

  • Positioned perfectly with a discreet copy, the donation message on Natori’s cart page reflects the brand’s personality.  When clicked, a pop-up opens to show the different supported charities. While this type of messaging is not new, most online stores add it during checkout either as a checkmark option. So it seems like an afterthought. Natori stays true to its brand beliefs by adding the option on the cart page. 
  • Like many others, I stumbled upon Natori through Instagram. So while it’s intriguing to add a social media plug-in on the cart page, Natori goes a step further by combining it with product recommendations. When you click on any of the posts, it opens a pop-up that shows the different products used in the image. Customers can click on the different products and shop for them in a different tab. 
  • Natori also offers gift options for eligible products. This action causes a pop-up that shows different gifting options and a message.

   

8) Crate & Barrel - Be clear about shipping info

shopping cart page design examples that we love

High street staple, Crate & Barrel offers contemporary and modern furniture, housewares and décor products.   

While their cart page offers everything the usual features, Crate & Barrel focuses on keeping a customer’s attention by being transparent about the shipping details. 

What you can copy:

The cart page by Crate & Barrel offers shipping information in 4 ways:

  • On the top of the cart summary, customers will know if their cart is eligible for free shipping. The message prompts customers to check the tag in the cart that says ‘Ships free’. 
  • On the right side of the cart page, customers can see the ‘ships free’ tag beside the product. Crate & Barrel goes one step further. All the highlighted text like the standard shipping, arrival, ships free, and ships directly from the vendor are clickable. Once clicked, pop-ups display more information.   
  • On the left side in the price summary, Crate & Barrel displays costs upfront. If the pin code is added, it calculates the tax and displays that as well. This helps customers know exactly how much they are paying and not be surprised during checkout. 
  • The cart page also offers returns policies, international shipping, and different pick-up options. When clicked, pop-ups elaborate on the information without pushing customers to subpages and losing interest.   

9) My Topicals - Let your brand personality shine 

shopping cart page design examples that we love

Topicals is a unique skincare brand that sells science-backed formulas. We love their website copy, it’s inclusive, honest, and personal.  

What you can copy:

  • The cart page reflects the brand’s personality through color combos for CTAs and the main cart area. Moreover, Topicals uses unique fonts for different sections and instead of looking busy, they have managed to position the sections so that it’s easy to read.
  • The brand has invested in creating cart page elements that stand apart from any other cosmetics brand. This contributes to better UX and also establishes brand recall, just because it’s different.      

10) Zooplus - Show global capabilities 

shopping cart page design examples that we love

Pet lovers agree that Zooplus helps them get all the necessary pet supplies with minimum hassle. Zooplus offers high-quality pet products at discounted prices and prides itself on its global supply chain. 

What you can copy:

  • Zooplus offers customers to edit country and pin code options to estimate shipping information and cost. If you support international shipping, make sure your cart page reflects it. If customers choose a particular country for delivery, the page should automatically reflect the details and currency changes. In countries where English is not one of the primary languages, try to keep the cart page copy simple so it’s easy to translate through tools.  

11) Sephora - Try thematic product recommendations

shopping cart page design examples that we love

Known to stock and sell out all your TikTok-insta-favs, Sephora doesn’t need an introduction. As one of the largest retailers, Sephora offers a wide range of beauty products and collaborates with famous faces from the industry to help customers buy exactly what they need.

What you can copy:

As a beauty products retailer, Sephora stocks different brands and labels. It’s often the IT store that introduces new brands/labels or sponsors brands from other countries to new markets. Furthermore, beauty products are always a hit and miss.

  • Apart from samples, the cart page shows two different types of product recommendations. The first type is thematic, ‘shop under 16$’ compels customers to explore Sephora’s flagship products. Below, it shows product recs based on the customer’s search and browsing history.   
  • Sephora also offers a way to change the shipping method on the cart page itself. From a pop-up, customers can choose between standard, same-day delivery, and in-store pickup.  

12) Revelry - Show the bag count  

shopping cart page design examples that we love

Revelry is a curated marketplace that offers bridal products to celebrate the big day. Their shopping cart page design is clean yet shows detailed information on product quality

What you can copy:

  • Right on top of the page, Revelry shows the number of items in the bag so customers can verify before checkout. 
  • Customers can also edit shipping information to calculate the costs right there on the cart page. 

13) Urban Outfitters - Give a clear stock alert

shopping cart page design examples that we love

Urban Outfitters is a unique lifestyle retailer that offers creative and cultural products. 

What you can copy:

  • The cart page shows all the necessary details including a low stock alert to create a sense of urgency. 
  • Moreover, on the product page, when a product is added to cart, it shows a cart dropdown preview for 5 seconds.

14) Everlane - Try a cart preview instead of a page

shopping cart page design examples that we love

A socially conscious brand, Everlane partners with ethical factories to manufacture timeless products. Everlane doesn’t have a dedicated cart page but it shows the cart on the left side of the page 

What you can copy:

  • Everlane has some great nudges on its cart preview. We love copies like the ‘before you go’ and ‘psst! get it now before it sells out’.      
  • It also offers product recs in the small layout with a swipe effect, a win for mobile shoppers.   

15) Louis Vuitton - Add zoom-in features

shopping cart page design examples that we love

As the world's most valuable luxury brand, Louis Vuitton’s flagship products with their iconic LV logo are coveted by celebs, influencers, and mere mortals alike. While we love their unique designs, we have to give props to their design team for a clean, engaging, and visually appealing website as well. 

What you can copy:

  • Louis Vuitton nails the image gallery on their cart page. When you click on the zoom-in icon on the image, the product images pop up on the full screen so customers can zoom in and see the intricate details.  
  • The cart page also offers helpful details like a shop by this date to get delivery in time for Mother’s Day. A gifting prompt below bookends the nudge. 
  • LV also displays additional information on the left side panel below the price summary. These clickable sections show detailed info through pop-ups. 

16) Crazy Cups - Balance creativity & info 

shopping cart page design examples that we love

Whimsical and passionate, Crazy Cups created a revolution with unusual flavor combos for your regular cup of coffee or tea. 

What you can copy:

  • True to its brand, Crazy Cups sets itself apart with cheery and colorful brand colors. And their cart page doesn’t fail in that aspect as well. While the main part of the cart page is simple text against a white background, the other elements on the page create an appealing contrast.    
  • Even though it’s whimsical, Crazy Cups doesn’t miss out on the details. It clearly shows the order details and even lets customers edit the subscription order through a pop-up. On the left-hand side, customers can also include details to calculate shipping costs. 

17) Disney - Show clear messaging to increase AOV 

shopping cart page design examples that we love

Disney is everyone’s favorite merchandise brand. With a wide collection of characters, Disney merch enjoys big sales and even bigger cult status. Their online store has a wide category of products from teacups to sweatshirts. With engaging copy and bright colors, there’s a lot to love about their website. 

What you can copy:

  • The cart page features a banner above the fold that shows information about their loyalty program and cross-selling a limited edition product. A clear CTA lets customers add the product to cart right there without opening another tab. 

18) Garmentory - Try different page layouts

shopping cart page design examples that we love

Garmentory is a curated marketplace that suits emerging, sustainable, and cult-classic brands, from local boutiques to established fast fashion. 

While Garmentory’s cart page follows similar principles, it has a clean layout that is easy on the eyes and shows enough details so customers don’t have to go hunting for info. 

We aren’t sure how this has affected their cart page performance. While it’s great to experiment with different page layouts, we suggest designing with caution.

Since customers are used to seeing certain elements in certain places, just change a few elements on the page to build unique cart page designs. And also, don’t forget to A/B test these variables.   

What you can copy:

  • The cart page has the saved for later tab right beside the shopping bag tab. This helps customers to view their wish list in one click instead of being directed to a completely different page.

19) Dollar Shave Club - Breakdown all the costs

Dollar Shave Club eCommerce cart page design

Dollar Shave Club is a popular grooming & shaving products company known for its quick wit and customer-friendly policies.

What you can copy:

  • Break down all costs (shipping, handling, tax) and show customers exactly what they’re spending and on what services. This not only maintains price transparency but also works in accordance with the free shipping nudge. If customers can see that they’ll save money on shipping by spending more on the products, they’d often much rather do that.
  • We love how the cart is easily editable and can be customized if the customer wants to remove a product and increase or decrease the quantity.

20) Terra Origin - Bring in solid visuals

eCommerce cart page design template

Terra Origin offers a wide range of nutritional supplements that combine the benefits of herbal extracts with vitamins and minerals.

What you can copy:

  • We love how the categories menu is visible along the cart page and is easily accessible for customers who would still like to take a second look.
  • The trust badge ‘Satisfaction Guaranteed’ makes customers feel at ease as they progress into the last leg of their journey: checkout.
  • The buttons are designed well with good contrast and a clear visual hierarchy. Customers are encouraged to move ahead with the bright green ‘Checkout’ and ‘Update Cart’ options while ‘Continue Shopping’ is available but draws almost no attention.

21) Flo Living - Help them checkout with confidence

Flo Living example of eCommerce cart page design

A natural healthcare brand, Flo Living brings nutritional, supplements, and lifestyle solutions for women that help with hormonal imbalances.

What you can copy:

  • Especially prominent in the health and wellness space, it’s essential to ease your customers’ concerns as they choose to trust your products with their ailments. We love how Flo Living does this with a ‘checkout with confidence’ section and clear customer testimonials on the cart page.
  • As Flo Living does here, you can also use your cart page to upsell similar products that will bring value to your customers. In the nutraceutical industry, customers actively seek information about making supplements more effective and that often includes using other products.

22) Warby Parker - Highlight what’s important

Warby Parker eCommerce cart page design

Warby Parker is an innovative eyewear company that produces high-quality, affordable glasses. They're led by the digital community they're built in the lifestyle space.

What you can copy:

  • Warby Parker stands for the lifestyle, their products are just a reflection of it. This holds true even with their cart page design: it’s sleek, minimal, and highlights what’s most important.
  • Alternative financing is a goldmine for brands (and customers) seeking luxury products. A large part of customers who purchase luxury products often can’t afford it directly; alternative financing helps bridge the gap by breaking the total cost down into monthly installments.

23) Quip - Maintain a striking brand aesthetic

Quip eCommerce cart page design

Known for its range of oral-care products, Quip brings to the consumers electric toothbrushes, quality toothpaste, and other premium dental products.

What you can copy:

  • Quip always maintains its visuals. Whether it’s their social media posts, landing pages, emailers, or cart page design, they have a set brand guideline and follow it through. This helps build familiarity in the minds of customers and drive better recall for the products.
  • We love how Quip uses a sidebar cart page. This gives customers the flexibility to keep browsing through products while having the cart page at easy access whenever they’re ready to checkout.
  • The upsell nudge on the top of the cart page is also stellar. It’s very neatly done, is contained in ~ 15% of the total page layout, and gets the message across. Works well in accordance with the previous point.

24) MeUndies - Utilize valuable real-estate efficiently

eCommerce cart page design by MeUndies

Bringing “the world’s most comfortable underwear”, MeUndies has built its brand on comfort, convenience, and class. They’re known for their clean visuals and clever copywriting.

What you can copy:

  • The quick dropdown cart page design. It’s easily accessible, doesn’t take too much effort, and gives the customers the flexibility to keep browsing as they’d like.
  • The nudge for customers to become a Member. MeUndies is known for their stellar loyalty program and it’s interesting to see them reserve a spot for it even on such valuable real estate.

25) BURTON - Keep things simple

BURTON eCommerce cart page design

What you can copy:

  • The BURTON cart page design has one goal: to get customers to checkout, possibly with a larger cart value. Everything is geared toward making that happen: the bright blue ‘Checkout Now’ button, clear cross-sell nudge, etc.
  • Don’t overdo it. You don’t always need to include every “high-converting” element on your cart page design. Instead, cater to what your customers truly care about. Include the elements that will help them check out faster.

Increase sales with better cart page designs

The cart page is a summary of your customer’s purchases. It’s the step right before checkout. That means the pressure is high to design cart pages that are convincing and honest.     

The perfect cart page has three elements – a good flow, functional elements, and some creativity. So, take some inspiration from the above examples and implement them to increase your conversions. 

You should also review your current cart pages. That way you’ll know what exactly you’d need to optimize. Conduct a 360 analysis of your cart page with ConvertCart today. 

x
Learn WHY shoppers bounce off your
Product Pages without buying
Free audit
x

Sent to your inbox
OK
X