Free Shipping Bar

Author: An Do 2235 views

The Free Shipping Bar encourages customers to spend more by showing how much they need to add to their cart to qualify for free shipping. It’s a simple way to increase average order value and drive more sales.

To set the free shipping threshold, go to Shopify Admin > Settings > Shipping and delivery, then edit your shipping profile.

Step 1: Under Shipping zones, click the … next to the shipping option you want to update
Step 2: Select Edit shipping option
Step 3: Enable Offer free shipping
Step 4: Enter the minimum order amount and click Save.

You can refer to the video below to find the setting:

To add this element to your page, please go to Elements panel => Cart => Free Shipping Bar.

1. How to adjust the Free Shipping Bar content

The most general settings for the element will be in this tab

Progress message: Show the shipping price with {price} format and custom text ( {price} will be auto-calculated and shown in the live page the value you’ve set in Shopify. While it gets the Minimum Price value to show in the editor)
Minimum Price: Set the minimum shipping price on the bar, and this value will show on the Progress message in the editor and the live cart page, but not on the checkout page. This means it is used for preview only. The real price will inherit from the Min price in Shopify settings.

Note: We should use the same price as the Min price in Shopify settings.

Goal achieved message: You can add the text in this field to let the customer know if they have a free shipping
Disable when cart empty: This option will disable the bar if it’s ticked