# Free Shipping Bar

> A live progress bar that shows shoppers how close their cart is to unlocking free shipping — driving larger orders.

URL: https://sectionstar.app/sections/free-shipping-bar/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**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 |