1. What is Free shipping bar?
The Free shipping bar in Eurus theme helps communicate to customers how close they are to qualifying for free shipping, encouraging them to add more items to their cart.
By keeping customers informed about the benefits of reaching the free shipping threshold, the Free shipping bar contributes to increased order values and customer satisfaction.
2. Common Use Cases
2.1 How to show a Free shipping bar on the cart?
Prerequisite: Before using the Free shipping bar, it is important to set up a free shipping rule in your Shopify admin. Refer to the Shopify documentation for detailed instructions on creating free shipping rules.
STEP 1: Enable Free shipping bar
To enable Free shipping bar, go to Theme settings > Shipping and delivery > Scroll down to Free shipping section > toggle Enable free shipping bar.
STEP 2: Set Free shipping thresholds
Free shipping thresholds is the minimum order amount customers need to reach to qualify for free shipping. To set up:
Under Free shipping section > Order amount for freeshipping, enter the amount to qualify for free shipping. Amount entry formats include:
|
Format |
Example |
Free shipping application |
|
Amount |
100 |
Applies to all countries/currencies. |
|
Currency code:Amount |
USD:100 |
Applies to any country using USD. |
|
Country code:Currency code: Amount |
US:USD:100 |
Applies only to the United States with USD currency. |
Note: Add one rule per line only.
STEP 3: Click “Save” when done.
STEP 4: Check the Storefront Display in Minicart, Cart page and Check out page
- Case 1: When the cart doesn't meet the free shipping threshold, the bar prompts customers to add more items.
-
Case 2: When the cart qualifies for free shipping, showcase how the bar communicates the achievement.
2.2. How to set up Other offer (like Free gift) on the freeshipping bar?
If you want to offer something besides free shipping (like free gift) on the bar in cart, follow this:
STEP 1: In Theme Settings > Shipping and delivery > under the Free shipping section > Other offer, enter the offer name (e.g. FREE GIFT, DISCOUNT).
STEP 2: Enter the required amount of order value for the customer to achieve the benefit in Order amount for other offer, using the same format rules in use case above:
|
Format |
Example |
Free shipping application |
|
Amount |
100 |
Applies to all countries/currencies. |
|
Currency code:Amount |
USD:100 |
Applies to any country using USD. |
|
Country code:Currency code: Amount |
US:USD:100 |
Applies only to the United States with USD currency. |
STEP 3: Click “Save” when done.
2.3. How to guide customers to apply Free shipping code at the Checkout page?
👉 Why need to guide customers to use Free shipping code at the checkout page?
If you have set up a free shipping code in the Shopify admin before, it can be applied directly on the checkout page. However, it can’t be applied to the cart page because of Shopify’s limitation on theme availability.
When your customer types the available free shipping code on the cart page, it will display “Discount invalid”, which may cause customer confusion.
👉 To avoid customer confusion and guide them to use Free shipping code at the checkout page:
STEP 1: In Theme Settings > Shipping and delivery > Under Free shipping section > Free shipping code, enter the exact free shipping code created in Shopify admin.
STEP 2: Click “Save” when done.
After finishing, at the cart page, when the customer types the free shipping code, it will suggest: “Free shipping code should be applied later on Checkout page.”
When applying free shipping code at the checkout page:
