Quick Summary
Unexpected costs at checkout are the single most common cause of cart abandonment, accounting for nearly half of all checkout exits according to Baymard Institute research. The problem is not the fees themselves but the timing: when shoppers only discover shipping or tax costs at the payment step, it feels like a bait-and-switch and triggers immediate doubt.
The fix is to surface costs earlier, on the product page near the price, in the cart drawer before checkout, and by avoiding vague "calculated at checkout" messaging where possible. The article also covers how a free shipping threshold model increases both average order value and checkout completion rates.
Baymard Institute's large-scale abandonment research is consistent across multiple years: the single most common reason shoppers abandon checkout is unexpected costs appearing at the payment step.
The figure sits at around 48–49% of abandonment events. Nearly half of all checkout exits trace back to a price the customer didn't know about when they decided to buy.
This is a solvable problem, and solving it doesn't mean offering free shipping. It means surfacing costs earlier.
Why surprise fees feel like deception
Surprise fees feel like deception because the shopper made a purchase decision at one price and then encounters a different total at the payment step. Even when fees are standard and disclosed in the footer, discovering them at checkout triggers doubt and abandonment. The customer's mental commitment was to the original price, not the revised one.
When a shopper adds a product to their cart at £35 and reaches the payment step to find the total is actually £47.90, the reaction isn't neutral. It feels like bait-and-switch, even when the fees are standard and disclosed in the footer. This kind of surprise is one of the core reasons stores with good-looking designs still fail to convert — as the guide to why Shopify stores don't convert explains.
The issue is expectation. The customer made a mental purchase decision at £35. The £12.90 of additional costs hasn't been part of their calculation. Suddenly asking them to revise that decision at the moment they're about to confirm triggers immediate doubt and often abandonment.
The fix: surface costs as early as possible
The fix for surprise fee abandonment is to show shipping and tax costs earlier, ideally on the product page near the price, and again in the cart before checkout begins. Shoppers who see the full cost upfront and continue are pre-qualified buyers. The phrase "Shipping calculated at checkout" defers the surprise and increases abandonment.
The goal isn't to hide bad news. It's to make sure there's no bad news at the payment step.
On the product page
Shipping information belongs near the price, not in the footer. Options include:
- "Free UK shipping on orders over £50" displayed below the price
- "Estimated delivery: 2–4 working days | £3.99 UK standard" as a single line
- A shipping calculator that estimates cost before adding to cart
For products where shipping adds significantly to the price, this transparency is a conversion increase, not decrease. Shoppers who see the true cost early and continue are pre-qualified. You lose fewer people at checkout.
In the cart / cart drawer
Before the customer clicks "Checkout", they should see:
- The order subtotal
- The estimated or calculated shipping cost
- Any taxes (clearly labelled)
- The estimated total
If you offer free shipping above a threshold, show a progress bar in the cart: "Add £8.50 more for free shipping." This is both transparent and a proven AOV (average order value) lever. For more on what the cart experience should communicate before a visitor clicks checkout, the Shopify cart UX guide covers all the key elements.
Avoid "calculated at checkout" where possible
The phrase "Shipping calculated at checkout" is a deferred surprise. It leaves shoppers unable to make an informed decision until they've entered their personal details and committed to the purchase flow.
If your shipping rates are standard by region or weight band, display them explicitly. If they're complex, build in a postcode/zip code lookup on the cart page.
The free shipping threshold effect
A free shipping threshold model outperforms blanket free shipping for both conversion rate and profitability. "Free shipping on orders over $X" removes the checkout surprise, increases average order value as shoppers add items to reach the threshold, and builds repeat purchase trust. Set the threshold above your current AOV but within realistic reach for most buyers.
If you're considering offering free shipping, the data strongly favours a threshold model over blanket free shipping, for profitability as well as conversion.
"Free shipping on orders over £X" consistently increases:
- Average order value (shoppers add items to reach the threshold)
- Checkout completion rate (no surprise at payment)
- Repeat purchase intent (customers trust the pricing experience)
The threshold amount should be set above your current average order value to lift it, but not so high it feels unachievable. If your AOV is £42, a £50 threshold is realistic. A £150 threshold is not.
What to do with taxes
For stores with a clear customer base in the UK or EU, include tax in displayed prices where legally appropriate, or clearly note prices as "ex. VAT." For international stores, showing "Tax calculated at checkout" as a visible cart line item is far less damaging than taxes appearing silently at the payment step for the first time.
For stores selling internationally, taxes appear at checkout and can be legitimately complex to show upfront. The clearest approach is to show "Tax included" or "Tax calculated at checkout" as a line item in the cart. Acknowledged, not hidden. For shoppers on mobile — which accounts for the majority of checkout traffic — even small surprises at the payment step cause disproportionate abandonment, as the mobile checkout UX breakdown explains.
For stores with a clear customer base (UK, EU, US), tax should be included in displayed prices wherever legally appropriate, or clearly noted as "ex. VAT" so customers can calculate accordingly.
Checkout transparency is one of the lowest-effort, highest-impact conversion improvements available to most stores. You don't need new tools or a developer. In many cases, a small copy change on your product pages is enough to start reducing abandonment.
If you want to know how transparent your checkout journey actually is, our UX Audit includes a full checkout flow review.
Frequently asked questions
Why do customers abandon checkout on my Shopify store?
The single most common cause, accounting for around 48% of checkout exits according to Baymard Institute, is unexpected costs appearing at the payment step. Shipping fees or taxes that were not visible earlier in the browsing journey feel like a bait-and-switch and trigger immediate abandonment.
Where should I show shipping costs on a Shopify store?
On the product page near the price, and in the cart or cart drawer before the customer clicks checkout. The goal is to ensure there is no price surprise at the payment step. 'Shipping calculated at checkout' is a deferred surprise that increases abandonment.
Does a free shipping threshold increase Shopify average order value?
Yes. 'Free shipping on orders over $X' consistently increases both average order value as shoppers add items to reach the threshold, and checkout completion rate as there is no shipping surprise at payment. The threshold should be set above your current AOV but not so high it feels unachievable.
How do I show a free shipping progress bar in Shopify?
Most cart drawer apps and some themes support a free shipping progress bar natively. It shows something like 'Add $8.50 more for free shipping' in the cart, which is both transparent and a proven lever for increasing average order value.
How should Shopify stores handle tax display?
For stores with a clear customer base in the UK or EU, include tax in displayed prices where legally appropriate, or clearly note prices as 'ex. VAT' so customers can calculate accordingly. Acknowledged taxes in the cart ('Tax calculated at checkout' as a visible line item) are far less damaging than taxes appearing silently at the payment step.
UX Designer & Conversion Specialist
Tom Banner is a UX designer with 8 years of experience specialising in Shopify conversion optimisation. He has audited hundreds of Shopify stores including Wahl, Vionic, and Farer.
Find your conversion leaks.
A focused expert review of your store with Figma redesigns and a Loom walkthrough. Pick one page or get the full picture.