How the Free Shipping Bar Live preview works?

The Free Shipping Bar Live Preview helps you check how your free shipping message will look before saving your changes.

You can find it in the Free shipping bar section of the app preferences page. From there, you can enable the bar, set your free shipping goals, customize the messages, and adjust the text, background, and price colors.

What can you preview?

The preview shows a sample version of your Free Shipping Bar using the settings you are editing. This makes it easier to review the message, goal amount, and visual style before applying the changes to your store.

You can switch between the available preview states:

• Empty cart: Shows the message customers will see before adding products to the cart.
• Progress: Shows the message customers will see when they still need to spend more to reach free shipping.
• Threshold reached: Shows the message customers will see once the free shipping goal has been reached.

The preview also reflects the visual settings you configure for the bar, including the text color, background color, and price text color. This makes it easier to check both the message shown in each state and the final style of the Free Shipping Bar before saving your changes.

You can find detailed information about how to customize the Free Shipping Bar in this help article.

The Live Preview uses sample cart situations so you can review the different bar states without testing each one directly on your storefront.