Free Shipping Bar is a Shopify theme section in the Section Star library. A live progress bar that shows shoppers how close their cart is to unlocking free shipping — driving larger orders.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Threshold
Set the free shipping goal. Enter the amount in your store's currency (whole units).
| Setting | Type | Default |
|---|---|---|
| Free Shipping Threshold | Number | 75 |
| Currency Symbol | Text | $ |
| Bar Max Width | Number | 700 |
Progress Bar
Set the look of the progress bar
| Setting | Type | Default |
|---|---|---|
| Bar Height | Range | 44 |
| Bar Radius | Range | 8 |
| Bar Border Size | Number | 3 |
| Bar Border Color | Color | #111 |
| Track Color | Color | #ffffff |
| Fill Color | Color or gradient | linear-gradient(164deg, #56ccf2 0%, #… |
| Show "You" Marker | Checkbox | On |
| Marker Text | Text | YOU |
| Marker Color | Color | #111 |
| Goal Text | Text | FREE SHIPPING |
| Goal Text (unlocked) | Text | FREE SHIPPING UNLOCKED |
| Goal Text Size | Range | 16 |
| Goal Text Color | Color | #111 |
| Goal Text Color (unlocked) | Color | #111 |
| Show $0 / Goal Scale | Checkbox | On |
| Scale Text Size | Range | 18 |
| Scale Text Color | Color | #111 |
Message
Use {amount} where the remaining amount should appear
| Setting | Type | Default |
|---|---|---|
| Show Message | Checkbox | On |
| Message (remaining) | Inline rich text | You're {amount} away from free shipping! |
| Message (unlocked) | Inline rich text | 🎉 You've unlocked free shipping! |
| Message Size | Range | 16 |
| Message Color | Color | #111 |
| Message Highlight Color | Color | #111 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Free Shipping Bar”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.