# 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

### **Watch video tutorial**

Watch our video tutorial for an overview of the Free shipping bar.

{% embed url="<https://www.youtube.com/watch?t=167s&v=wH5e1DoCfUo>" %}

### **Add free shipping rate in Shopify admin**

***

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

   ![](https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-a3d581dae7b5f3ab65bb56fd126c9af9e4f23fa2%2Fshipping-rates-manage.png?alt=media)
3. Under the **Shipping zone** where you want to add free shipping, click **Add rate**.

   ![](https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-d54f430136028653f8f173e9eea2c805ece0454c%2Fshipping-zones-add.png?alt=media)
4. Leave the **Price** field as **`0.00`** to make the shipping rate free.
5. Click **Add conditions,** then select **Based on order price**.

   ![](https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-be2f0fb6d5a62208ed017dbaf199a19d51b9c622%2Fshipping-add-rate.png?alt=media)
6. Enter the **minimum price** required for orders to receive free shipping.
7. Click **Done**, then click **Save**.

</details>

### Set up free shipping bar

***

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>

`Go to Theme settings > Cart to find settings`

<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](https://help.fluorescent.co/cornerstone/cart/quick-cart)\
> [Purchase confirmation popup](https://help.fluorescent.co/cornerstone/cart/quick-cart/added-to-cart-popup)\
> [Cross sells](https://help.fluorescent.co/cornerstone/cart/cross-sells)\
> [Low inventory warning](https://help.fluorescent.co/cornerstone/cart/low-inventory-warning)\
> [Cart page](https://help.fluorescent.co/cornerstone/cart/cart-page)