Blue Feather Agency logo Blue Feather AgencyBrands built to be remembered
Calls to Action

Checkout Page Design That Stops Small Shop Cart Abandonment

A candle maker we work with was losing 78 out of every 100 shoppers who added something to their cart. Her products were good, her photos were good, and her prices were fair.

A small online shop checkout page on a phone showing guest checkout and the delivery cost

A candle maker we work with was losing 78 out of every 100 shoppers who added something to their cart. Her products were good, her photos were good, and her prices were fair. The leak was entirely in her checkout page design: a surprise £4.95 delivery charge on step three, a forced account sign up, and a form that asked for her customers' phone numbers twice. Six weeks after we fixed those three things, her completed orders were up by just over a third with the same traffic.

Research from the Baymard Institute puts the average documented cart abandonment rate at around 70 percent. Some of that is people browsing with no intention to buy. A large part of it is avoidable. Below is what we change first when a small online shop asks us why carts are not turning into orders.

Where Checkout Page Design Loses People

Shoppers leave checkouts for fairly predictable reasons. The ones we see most often on small shop sites, roughly in order of damage:

  1. Unexpected costs. Delivery, taxes or fees that appear only after the shopper has typed their address.
  2. Forced account creation. Being made to choose a password before paying.
  3. A long or confusing form. Too many fields, unclear labels, errors shown only after submit.
  4. Doubt about security or returns. No visible returns policy, unfamiliar payment page, no reassurance.
  5. Slow or broken mobile layout. Tiny tap targets, keyboards covering buttons, pages that reload and empty the form.

Fix them in that order. The first two are usually settings, not redesigns, and can be changed in an afternoon.

Show the Full Price Before the Form

The single biggest improvement for most small shops is showing delivery cost on the product page and in the cart, before checkout begins. Shoppers do not mind paying for delivery nearly as much as they mind being surprised by it.

  • Put a short line under the add to cart button: "UK delivery £3.50, free over £40."
  • Show a delivery estimate in the cart, with a postcode field if rates vary.
  • If you offer free delivery above a threshold, show the gap: "Add £6 more for free delivery."

That last line often raises average order value as well. A threshold set about 20 to 30 percent above your current average order tends to work without feeling unreachable.

Make Guest Checkout the Default

Many shop platforms set account creation as required out of the box. Turn it off. Offer a guest checkout as the main path and invite people to save their details after the order is placed, on the thank you page, with a single tick box or a "create a password" field.

You still collect the email address, which is all you need for order updates. Customers who come back will create an account when it is useful to them.

Cut the Form to What You Actually Need

Count the fields on your checkout. A typical small shop asks for 14 to 20. Most need about 8 to 10. Our guide on designing a contact form people actually finish covers the principles; here is how they apply to checkout.

FieldKeep, cut or change
First and last nameKeep as one "Full name" field where your platform allows
Company nameCut, or hide behind "Add company name"
Address line 2Collapse behind a link
Phone numberMake optional unless your courier requires it, and say why
Confirm emailCut; use a clear inline check instead
Billing addressHide behind "Same as delivery," ticked by default

Use a postcode lookup if your platform offers one, and set the right keyboard types on mobile so the number pad appears for card and phone fields. Show errors as the person types, next to the field, in plain words.

The Conversion Advice We Push Back On

Two pieces of popular advice deserve more caution than they get.

"Always use a one page checkout"

One page checkouts are not automatically better. For a shop with three or four products and simple delivery, a single page works well. For shops with personalisation, delivery date choice or gift messages, cramming everything onto one long page can be harder to complete on a phone. What matters is that each step is short, the progress is visible and nothing gets lost when the shopper goes back.

"Add urgency timers and stock counters"

Countdown timers on checkout pages can lift orders briefly, but they cost trust, especially when the timer resets on refresh. For small shops that rely on repeat customers and word of mouth, the trade is rarely worth it. Use genuine scarcity only, for example "Only 3 left in this colour" when that is true.

Reassurance That Actually Reads as Reassurance

A wall of payment badges and padlock icons does less than people think. What shoppers look for, based on the session recordings we review, is simpler:

  • A one line returns summary near the pay button, linked to the full policy.
  • Recognisable payment options such as card, PayPal, Apple Pay or Google Pay shown at the start of checkout, not only at the end.
  • A clear delivery estimate in days, not just "standard delivery."
  • A button that says exactly what happens, such as "Pay £42.50 and place order." Our piece on writing button copy that tells people what happens next goes deeper.

Express wallets matter more each year. On mobile, a shopper who can pay with a saved wallet skips the entire address and card form.

Measuring Whether the Changes Worked

Track three numbers for four weeks before you change anything and four weeks after:

  1. Cart to checkout start rate.
  2. Checkout start to order rate.
  3. Mobile versus desktop completion rate.

Change one thing at a time where you can. If you cut fields and add guest checkout in the same week, you will not know which helped. Small shops rarely have enough traffic for formal A/B testing, so a clean before and after on one change is the honest alternative.

FAQ

How many steps should a small shop checkout have?

Usually two or three: details, delivery and payment. Fewer steps help only if each one stays short and easy to read on a phone.

Should I ask customers to sign up for a newsletter at checkout?

Offer it as an unticked box below the email field. Pre ticked boxes are not valid consent under UK and EU rules and annoy customers.

Does free delivery always increase conversion?

Not always. A clear, fair delivery price shown early often converts nearly as well, and a threshold for free delivery can raise order values.

The Practical Takeaway

Start with the two changes that need no redesign: show delivery cost before checkout and switch on guest checkout. Then cut your form to the fields you truly need and measure for four weeks. Most small shops recover a meaningful share of lost orders before touching a single colour. For more on turning visits into sales, see our conversion guides.

CR
Callum Reyes

Callum drew menus and HUDs for two small indie studios before joining the agency. He writes about game interfaces and what they teach designers working far from games.

More posts by Callum

More in Calls to Action

01doorganico 084goad 3hot8 4465456 after5internprogram ahandfulofblessings ahmadpc ahomcybersecurity allodialresources annodex antiquesandperiodcollectibles aotc asianworldkashmir beedlectrics bloggertemplatefree bodyweightsolution campaign08blog carfixadvisor catstreetcollective cbstvsports cnfanspurchasing committeeof500yearsofdignityandresistance covertopsdjs cs-kaiyuangame cuestacomunicaciontotal cxoutlet dancebetgame deskgearhub destinyvillastay detectmagazine di33 diamondsteelbuildings donmo dyanadropship emarsysfinance emimattl escapechan eskitarih evautoplay everythingweddings-orlando farmzone feedviewerapp foxstudiosscratch gamevui123 gleasongrade greetingsday hacklabasu haskell iw-kaiyun jagoanproperti jilidskripsi joltbusinessfinance juegodepokergratis juegospucca kaeru-festival latestmehndidesigns lestanzediottaviano litemagazines localcommunityhero lustrsazan mariashebets menswheels newwebstechs1 nikkit ootheday oxigenvpn plurfitness prefetial probudgetcarpetcleaning psychicmrsmartin pyaten qvantor rejoignezlogis rexzbot riselayouts ruchin rwxqsgd5 sakaltime shibiaowang shop-bot skrtips strcoding tetapatrium topselller uneplanteartificielle vipertechcr webtech1223411 wo-kygaming yamaha-mekar yeknava yoybuysheets zenunwa yamaha-mekar jilidskripsi ankertoto ankertoto ankertoto ankertoto