> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsellplus.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add a free shipping bar to your checkout


### Overview

A free shipping bar encourages customers to increase their order value by showing how close they are to receiving free shipping. UpsellPlus allows you to add a dynamic free shipping bar directly in checkout.

With our **Rewards Bar**, you can nudge your customers to spend a little more to get free shipping or a free gift with purchase.

# Free Shipping:

![Free Shipping Example](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-05-01at156_ege971.gif)

# Free Gift With Purchase:

![FGWP](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-05-01at227_v9b363.gif)
To setup a Free Gift With Purchase strategy, please visit [How to automatically add a Free Gift with Purchase to the cart](https://help.upsellplus.com/en/article/how-to-automatically-add-a-free-gift-with-purchase-to-the-cart-t5o4xa/)

# How do you enable the Rewards Bar?

1. Go to your Checkout Editor (Online Store > Themes > Customize > Checkout)
2. Click on **Add app block**
3. Select **Rewards Bar**
4. Customize it then Save your changes:

![Setting Up Rewards Bar](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenrecording2024-05-01at236_1jr942i.gif)

| Use this [link](https://g.co/kgs/xYZe1t8) to customize the HEX codes.

### Customization tips:

* **Goal amount**: This will dynamically change the bar's goal amount.
* **Text before reaching goal amount**: This text will notify customers that they haven't reached the target yet. You can use "{AMOUNT}" in your sentence to dynamically display the remaining amount. For example: "*You need to spend {AMOUNT} more to get our prize!*"
* **Text after reaching goal amount**: This text will inform customers that they've reached their goal.
* **Bar color**: This is the color of the filled portion of the bar. You can select the appropriate HEX color using this [link](https://g.co/kgs/xYZe1t8).
* **Bar background color**: This is the color of the unfilled portion of the bar, representing the progress towards the goal.


**Key Tips**
* **Use a Slightly Higher Threshold:** Set the free shipping minimum slightly above your average order value to encourage bigger purchases.
* **A/B Test Messaging:** Try different wording to see what converts best.

**Related Articles**
* [How to Automatically Add a Free Gift to the Cart](https://help.upsellplus.com/en/article/how-to-automatically-add-a-free-gift-to-the-cart-t5o4xa/)
* [How to Show an Upsell Based on Cart Value](https://help.upsellplus.com/en/article/how-to-show-an-upsell-based-on-a-certain-cart-value-or-other-conditions-c64f4r/)