Articles on: Checkout

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

Free Gift With Purchase:



FGWP
To setup a Free Gift With Purchase strategy, please visit How to automatically add a Free Gift with Purchase to the cart

How do you enable the Rewards Bar?



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

Setting Up Rewards Bar

Use this link 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.
- 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
How to Show an Upsell Based on Cart Value

Updated on: 11/02/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!