Turn on the bar
The free shipping bar shows shoppers how close they are to free shipping, right in the cart. Open Features, find Free shipping bar under Progress bars & urgency, and open its page. Switch on Show free shipping bar in the cart drawer and save.
Set the goal
Under Goal and messages, choose the goal type:
- Minimum amount: the amount shoppers need to spend, in your store’s currency.
- Minimum items: the number of items in the cart that unlocks free shipping.
Make the goal match your shipping settings, so the bar promises exactly what checkout gives.
Import the goal from your store
If you already offer free shipping in Shopify, click Import from your store. Loto Cart lists your free shipping discounts (automatic or code) and free shipping rates. Pick one and the goal is set to match it.
The import is a copy. If you later change that discount in Shopify, come back and update the goal here too. When the discount and the goal no longer match, the page tells you and offers Update goal. If the discount is deleted, the bar keeps the last goal you saved.
Write the messages
The Progress message is shown while the shopper is below the goal. Use {amount} where the remaining amount should appear, for example: You’re {amount} away from free shipping.
The Unlocked message is shown once the goal is reached.
Placement and style
Choose where the bar appears: at the Top of the cart or Above the checkout button. You can also set:
- Bar and text colors, with separate colors for when the goal is unlocked.
- An icon: truck, box, gift or none.
- A goal celebration when the bar fills: sparks, confetti, pulse or off.
- Goal circles: a dot at the current amount and an icon circle at the goal.
Use the In progress and Goal reached preview states to check both looks before you save.
The bar doesn’t create free shipping
The bar only shows progress. Free shipping itself comes from your Shopify shipping settings or a free shipping discount, so set that up in Shopify first.
