Loading...
Cart pattern · Lumière
Free Shipping Progress
A progress bar that turns shipping thresholds into motivation — with smart 'just add $X' suggestions tuned to real margin.
Cart UX · Free shipping bar
The free-shipping bar is not a decoration. It's the highest-converting upsell on your site.
Static bars read as noise. A smart bar animates the progress, switches to celebration at the threshold, and quietly suggests the cheapest product to hit the goal. Add $14 and ship free — most customers do it.
Free shipping unlocked 🎉$140.00 of $75
- $68.00
Vitamin C Brightening Serum
Qty 1
- $72.00
Retinol Renewal Night Cream
Qty 1
Subtotal$140.00
What makes this bar convert
- The colour shift. The bar goes amber while you're below the threshold and emerald at 100%. Customers feel the change.
- The gap dollar amount. “Add $14” is concrete. Percentages are not.
- The one-click suggestion row. Below-threshold carts get 2-3 products priced to clear the gap. Above threshold, the suggestions hide — no pestering the converted customer.
- Celebration at threshold. Emoji, subtle flash, and copy that confirms. Same experience used by Allbirds, Glossier, Arc'teryx.
Try it above — adding the cheapest suggestion ($58) clears the bar immediately.