Academy › Build › Bookings and orders

At what step of checkout you show the shipping price

Readers finish with the shipping price and timeframe spread across three checkout steps, so they never come as a surprise when it's time to pay.

By Yodai · Published September 6, 2026 · Updated October 13, 2026

Knowing the shipping price and timeframe for each zone is half the job; the other half is deciding at what point in the purchase you show it. Your customer adds the product, fills in their address, gets to the last step to pay, and suddenly sees a $4.50 shipping charge they hadn't seen before. They close the tab.

What spooked them wasn't just the number, it was the surprise: they'd spent ten minutes settling on a price, and suddenly saw a different one, right when they'd already made up their mind to buy. Both things matter, according to the Baymard Institute's survey on cart abandonment among US online shoppers. Leaving aside people who were just browsing, the most common reason for abandoning is that extra costs (shipping, taxes, fees) were too high: 40%. Another 12% left because they couldn't see or calculate the total order cost upfront. And a cart abandoned at the last step is the most expensive to win back: you already spent the effort getting it there.

You already know what you charge per zone, the minimum order amount for free shipping, and what timeframe you promise: that got settled in earlier lessons. What's left is deciding at which step of the checkout you show it, so that by the time your customer gets to payment, they already know and just need to confirm.

The cart isn't the place, it's the point of no return

Many businesses cram all the shipping information into one place: the checkout screen. By then the customer has already chosen a size or quantity, already typed in their address, already decided to buy. It's the worst moment to give them a new reason to hesitate. On mobile, paying is already harder. In a 2013 Baymard Institute article on shopping from a phone, the keyboard took up nearly half the screen in portrait mode, typing on it was slow and error-prone, and in their tests, losing sight of the full page made it harder to even finish the purchase. A surprise at the last step lands right when the customer has just thumb-typed their entire address.

The shipping price needs to show up where your customer is still deciding whether to buy, not where they've already decided and just need to pay. In practice that means earlier: on the product page and in the cart, not only at the very end. In the Baymard Institute's usability tests on product pages, 64% of participants looked for the shipping price on the product page before deciding whether to add it to their cart. And if you sell to consumers in Spain, the law points the same way. Under Article 20 of Spain's General Law for the Protection of Consumers and Users, an offer that shows a product with its price and lets someone decide to buy has to give the full final price, breaking out any extra charges billed to the customer. If those charges genuinely can't be calculated in advance, it has to disclose that they exist and, if known, their estimated amount.

The three moments it shows up

That "see other areas" link isn't decoration: it leads to the page where you've already written out the zones, prices, and timeframes you settled on in earlier lessons. Nothing new gets decided here, it just makes visible what's already been calculated.

If someone lives outside your delivery map (the boundary you set in the delivery lesson), they shouldn't find that out after filling in the whole form. Spell it out beforehand, next to the shipping line or on the zones page: how far you deliver and what someone outside that area can do, like messaging you to see if you can make an exception. If you sell to consumers, Article 98 of that same law also requires online stores to clearly and legibly state, at the latest at the start of the purchase process, whether any delivery restriction applies.

If your shop only charges one shipping rate, the cart doesn't tell zones apart: it shows that one number and the "free shipping over" line, no matter the address. That leaves you two options. One, charge everyone the rate for your most expensive zone, so the number in the cart works for any order. Two, state on your site how far that price covers and ask customers who live farther away to message you before ordering: you send them their shipping cost directly, and only charge them once they've agreed to it. What you can't do is charge the order with the website's shipping rate and then ask for the difference afterward: if you're selling to individual customers, they're not required to pay a cost they never saw before placing the order.

If your catalog mixes light products with heavy ones, say a T-shirt and a bookshelf, the "from" on the product page will change depending on the item. The T-shirt might say "shipping from $3.90" and the bookshelf "shipping from $12 due to its weight." The product page doesn't need to be more precise than that: the exact number shows up in the cart.

And if free shipping kicks in at $40 (the figure you set in the free shipping lesson), say so on that same line, as in the example above: the customer sees at a glance how much more they need to spend to skip the shipping fee, and can decide whether it's worth adding something else to the cart. In those same Baymard tests, users needed both numbers, what shipping costs and how much triggers free shipping, to judge whether hitting that minimum was worth it.

From the product page, or only in the cart?

With all three spots covered, there's one temptation left: skip that fixed line on every product page in your catalog and just wait for the customer to reach the cart. Keeping it isn't free: every time you change what you charge for shipping, you'll need to update that line on the affected product pages. Still, it's worth it. And if you sell to consumers, the cart alone isn't enough: as you saw above, the law requires that any offer showing a price also include shipping costs, or, if those can't be calculated in advance, disclose that they exist and, if known, their estimated amount.

The mistake that costs you an order

There's one mistake that's worse than either of the two options above: having the final shipping cost show up for the first time when the customer is already paying. It can happen with a poorly ordered checkout, and also with quick-pay buttons. With Google Pay, for example, the shipping address is chosen inside the payment sheet itself, right alongside the payment details, and that's where the store can recalculate shipping and the total, according to its developer guide. If you sell to consumers, also keep in mind that consumer protection law requires that, for an online purchase, the total price including shipping costs be shown clearly and prominently right before placing the order. If you didn't disclose those costs, the customer isn't obligated to pay them.

Check it today

Open your store in an incognito tab and walk through the whole journey of a customer who's never been there: land on a product, check if a shipping line shows up under the price, add it to the cart and confirm shipping shows up there with its exact cost, then get to the step right before payment to see if the summary repeats shipping and delivery time. If it's missing at any of those three steps, that's the gap where you're losing the order.

In Yodai the store comes with the Free plan, with a catalog, a cart and orders. See how to create your online store for free.