How to add a free shipping bar to your 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.
To setup a Free Gift With Purchase strategy, please visit How to automatically add a Free Gift with Purchase to the cart
Go to your Checkout Editor (Online Store > Themes > Customize > Checkout
Click on "Add app block"
Select Rewards Bar
Customize it and save your changes:
Use this link to customize the HEX codes.
- 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.
Free Shipping:
Free Gift With Purchase:
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 and save your changes:
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.
Updated on: 12/08/2024
Thank you!