Shopify store improvements

Shopify cart improvement

The cart is the last step before checkout, and it is where shoppers reconsider. Unexpected delivery costs, confusing totals, intrusive upsells or a checkout button that is hard to find all give people a reason to leave with their cart full.

This page explains how to improve the Shopify cart: what it should show, how upsells and discounts should behave, and how to make the move to checkout as smooth as possible.

Service overview · Web & E-commerce · Custom quotations only

Illustrative diagram

1234567
  1. Items with options
  2. Quantity and remove
  3. One relevant suggestion
  4. Delivery note — matches shipping settings
  5. Totals — discount line, tax note
  6. Checkout button
  7. Express options — where enabled
Anatomy of a cart that avoids surprises. Costs are visible, suggestions are optional and checkout is always in view.

No surprises at the cart

Shoppers abandon carts for many reasons, but unexpected costs are among the easiest to prevent. If delivery charges, a free delivery threshold or delivery times only appear at checkout, some shoppers will feel misled. Showing a delivery note or threshold progress in the cart, matching your actual shipping settings, removes that surprise.

The total should be clear, with any discount shown as a separate line so the shopper can see it applied.

Cart drawer or cart page

Cart drawer

Suits you when

  • Shoppers often add one or two items
  • You want them to keep browsing
  • Phone traffic is high

Watch out for

  • Limited space for notes and upsells
  • Must close easily and not trap focus

Cart page

Suits you when

  • Larger baskets with several items
  • Gift notes or delivery choices are common
  • Shoppers review carefully before paying

Watch out for

  • Takes shoppers away from browsing
  • Needs a clear route back to shopping

What a good cart shows

Items

  • Image, name and selected options for each item
  • Easy quantity change and removal
  • Price per item and line total

Totals

  • Subtotal and any discount line
  • Delivery note or free delivery progress
  • A clear note on whether tax is included

Action

  • Prominent checkout button
  • Accelerated checkout buttons where enabled
  • Route back to continue shopping

Upsells that help

  • Relevant to the cart

    Accessories or refills that go with what is already in the cart.

  • Small and optional

    One or two suggestions, below the items, never blocking the checkout button.

  • Threshold helpers

    Low-cost items that help reach free delivery, if that threshold exists.

  • No pre-ticked extras

    Shoppers should choose add-ons themselves.

Discount codes

A prominent discount code box can prompt shoppers without a code to leave and search for one. Many stores place the code field at checkout, where Shopify provides it, rather than in the cart. If you run automatic discounts, show them applied in the cart so shoppers see the saving without needing a code.

Accelerated checkout

Shopify's accelerated checkout buttons let customers move quickly to payment with saved details from supported payment methods. Shopify's documentation notes they display with the add-to-cart button on product pages, and when a customer clicks an unbranded button they skip the cart and go to Shopify Checkout. Many themes also show express options in the cart. Offering them reduces typing, which matters most on phones.

The cart on a phone

On phones, the cart must keep the checkout button visible without scrolling past upsells, make quantity buttons easy to tap and avoid floating chat or pop-up buttons covering the total. Testing the cart with three or four items on a small phone quickly shows whether it still works.

Reassurance at the right moment

The cart is a good place for brief reassurance: a line about the returns policy, accepted payment methods and how to get help. Keep it short and factual, linking to full policies rather than repeating them. Badges and seals should only be shown if they are genuine and meaningful; a cluttered row of generic trust icons adds little.

Delivery dates or dispatch times shown in the cart should come from your real shipping performance, not optimistic estimates.

Accessible carts

Cart drawers in particular need care for keyboard and screen reader users: focus should move into the drawer when it opens and back when it closes, quantity buttons need labels and totals should be announced when they change. Current themes usually handle this, but custom cart changes and apps can break it, so it should be checked after any cart work.

Questions about Shopify cart improvement

Should we use a cart drawer?

Drawers suit small baskets and phone shoppers; cart pages suit larger orders and notes.

Should delivery costs show in the cart?

Yes, or at least the free delivery threshold, matching your shipping settings.

Where should the discount box go?

Often at checkout rather than in the cart, to avoid prompting code searches.

Do upsells in the cart work?

Small, relevant suggestions can help; intrusive ones distract from checkout.

What are accelerated checkout buttons?

Shopify buttons that let customers pay quickly with saved details from supported payment methods.

Can customers add a gift note?

Many themes support cart notes; some stores use an app for gift options.

Can we customise checkout itself?

Checkout customisation depends on your Shopify plan; the cart is part of the theme.

Should we show trust badges in the cart?

Only genuine, meaningful ones. A short returns and payment note is often more useful.

Sources referenced

Platform features, guidance and rules change. We check the current versions before committing to an approach. This page is general information, not legal advice.

Request a Custom Quote

Ask about Shopify cart improvement

Project details

Enquiry about: Shopify cart improvement

Fields marked with an asterisk are required.

What do you want to achieve, what exists today, and any deadlines or constraints.

Include your country code.

Request a quote