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 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:
- Unexpected costs. Delivery, taxes or fees that appear only after the shopper has typed their address.
- Forced account creation. Being made to choose a password before paying.
- A long or confusing form. Too many fields, unclear labels, errors shown only after submit.
- Doubt about security or returns. No visible returns policy, unfamiliar payment page, no reassurance.
- 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.
| Field | Keep, cut or change |
|---|---|
| First and last name | Keep as one "Full name" field where your platform allows |
| Company name | Cut, or hide behind "Add company name" |
| Address line 2 | Collapse behind a link |
| Phone number | Make optional unless your courier requires it, and say why |
| Confirm email | Cut; use a clear inline check instead |
| Billing address | Hide 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:
- Cart to checkout start rate.
- Checkout start to order rate.
- 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.
More in Calls to Action
Calls to Action
How to Design a Contact Form People Actually Finish
For a lot of small business websites, the contact form is the whole point.
Calls to Action
Writing Button Copy That Tells People What Happens Next
The button is the smallest piece of copy on a website and often the most important, because it is the moment a visitor decides...
Calls to Action
The Homepage Elements That Quietly Push Visitors Away
We once ran a simple recording session watching five people use a client's homepage for the first time, no coaching, no script,...