Checkout & payments
Surprise shipping costs at the last step are one of the biggest reasons carts get abandoned
Hidden shipping fees revealed at checkout drive cart abandonment. Show shipping cost early in the order summary so the total never surprises a buyer.
When the order summary shows only a final total — with no breakdown for shipping, taxes, or fees — buyers reach the next step of checkout expecting that number and often find a higher one. A “Total: $54” that becomes “$69” after they enter their address feels like a bait-and-switch, even when the shipping cost is reasonable. This single surprise is one of the most consistent reasons carts get abandoned, because the user’s trust in the page breaks at the worst possible moment.
A more reliable pattern is to itemize shipping cost in the order summary before checkout, so the math behind the total is visible from the moment the user opens the cart. A clean breakdown with subtotal, shipping cost, and the final total in a single block tells the user exactly what they’re agreeing to. Even when the shipping fee is the same, the experience changes completely — the buyer sees a transparent total instead of a moving one.
Show shipping on every screen that displays a total — cart drawer, cart page, and the first checkout step. Use a separate line for shipping, above subtotal, so users can compare it against the items they’re buying. Estimate when you don’t yet know the destination (“From $9.99”, “Free over $50”), and update the line as soon as the user enters a zip/postcode. Never let the total change after the user has committed to checkout without a clear, in-context explanation.
Pre-checkout shipping transparency can prevent the abandonment that happens when a total changes at the final step. When the math is visible from the start, buyers typically commit to the cart with confidence — because nothing about the price is going to surprise them at the payment screen.
In the order summary at every stage where a total is shown — cart drawer, cart page, and the first checkout screen. Don't wait for the shipping step. Itemize it on its own line, above subtotal, so users see how the final total is built.
Show a starting estimate or 'from $X' label, and let users enter a zip/postcode for a live update. Free or flat-rate shipping should be stated explicitly. The goal is to never let a user reach payment expecting one number and see another.
Not necessarily — free shipping (built into product prices) feels cleanest when you can do it. But when shipping is a real, variable cost, itemizing it transparently typically converts better than hiding it until the final step. Users tolerate fees they expected; they abandon fees they didn't.
When you can, yes. A line like 'Free shipping over $50' or 'Ships from $9.99' under the price sets the right expectation before a buyer even adds the item. It typically lifts confidence in the listing and reduces drop-off at the cart.
