> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/stiletto/cart/free-shipping-bar.md).

# Free shipping bar

Display a **Free shipping bar** in the cart to tell customers how far away they are from qualifying for free shipping.

* Set up a free shipping rate for your store in the Shopify admin.
* Enable the free shipping bar in the theme settings

<img src="/files/UhAHo52ogs8aAGmqKBbD" alt="" width="563">

<h2 align="center">Add free shipping rate in Shopify admin</h2>

***

Follow the steps below to add a free shipping rate to your online store. If you already have a free shipping rate, you can follow the steps to set up the Free shipping bar.

{% hint style="success" %}
Shipping and Delivery settings are Shopify features. To learn more, see Shopify’s guide to [Setting up shipping rates](https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/setting-up-shipping-rates).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify Admin**:

1. Go to **Settings** > [Shipping and delivery](https://www.shopify.com/admin/settings/shipping).
2. Under **General shipping rates**, click **Manage**.

   ![](/files/FZm9xK9dunwaw0m8xutQ)
3. Under the **Shipping zone** where you want to add free shipping, click **Add rate**.

   ![](/files/bREJh97SPbdiFUnNVOtm)
4. Leave the **Price** field as **`0.00`** to make the shipping rate free.
5. Click **Add conditions,** then select **Based on order price**.

   ![](/files/BvxF0rYFfanbktklrSEp)
6. Enter the **minimum price** required for orders to receive free shipping.
7. Click **Done**, then click **Save**.

</details>

<h2 align="center">Set up free shipping bar</h2>

***

Once you've added a free shipping rate in your Admin, you can set up the free shipping bar to display in the Quick cart and Purchase confirmation popup.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click **Theme settings**, then click **Cart**.
2. Click the **Enable free shipping bar** option.
3. Enter the **Free shipping minimum amount**. Make sure the number in the price field matches the price set in your Shopify admin.

   > Enter the value without a currency symbol and use a decimal to separate dollars and cents. Example: '100.00'
4. Click **Save**.

</details>

<sub>Go to Theme settings > Cart to find settings</sub>

<table><thead><tr><th width="190">Setting</th><th width="561">Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable free shipping bar</mark></td><td>Display a progress bar showing how close customers are to qualifying for free shipping.<br><br>You must set up a free shipping rate in your Shopify admin before enabling this feature.</td></tr><tr><td><mark style="color:blue;">Free shipping minimum amount</mark></td><td>Enter the minimum order price required for free shipping.<br><br>This amount must match the minimum price of the free shipping rate set in your Shopify admin.</td></tr></tbody></table>

***

> **Related links**
>
> [Quick cart](/stiletto/cart/quick-cart.md)\
> [Purchase confirmation popup](/stiletto/cart/quick-cart/added-to-cart-popup.md)\
> [Cross sells](/stiletto/cart/cross-sells.md)\
> [Empty cart promotion](/stiletto/cart/quick-cart/empty-cart-promotion.md)\
> [Low inventory warning](/stiletto/cart/low-inventory-warning.md)\
> [Cart page](/stiletto/cart/cart-page.md)