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?


  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


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


Updated on: 11/02/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!