Skip to main content
All CollectionsFree Shipping Bar
How to set up a Free Shipping Bar?

How to set up a Free Shipping Bar?

Follow these steps to set up a Free Shipping Bar on your Shopify store using the Hoppy Free Shipping Bar App.

Rashmi Verma avatar
Written by Rashmi Verma
Updated over a week ago

✅ Step 1: Install & Open the App.

1️⃣ Go to Shopify Admin → Apps → Hoppy Free Shipping Bar.

2️⃣ Click Create New Free Shipping Bar and choose a Shipping Bar Type based on where you want it to appear:

  • Product Page🛍️ – Displays the free shipping message on product pages.

  • Top/Bottom Bar 🔝🔽 – Adds a floating banner at the top or bottom of your store.

  • Cart Page🛒– Shows the free shipping message in the cart before checkout.

✅ Step 2: Customize Your Free Shipping Message

3️⃣ Go to the Content tab in your Free Shipping Bar settings. Locate Goal Section.

  • Goal🥅

    This is the minimum cart value a customer needs to unlock free shipping.

    • Enter 50 if you want to offer free shipping for orders over $50.

  • Currency💸

    Select the currency in which your store operates.

    • Example: USD ($), EUR (€), GBP (£), etc.
      This ensures the goal amount and messages match your store’s currency.

  • Message ✉️ (Initial Message)

    This is the first message customers see before they add anything to their cart.
    Use it to let them know free shipping is available and encourage them to shop more.

    • Example- “Spend $50 and get FREE shipping – because you deserve it!”

  • Progress Message📈

    This message appears as they shop, showing how close they are to reaching the goal.

    • Example- “Just $12 more to unlock FREE shipping!”

    • “You’re $18 away from free delivery – keep going!”

  • Goal Reached Message🎉

    This is what customers see once they’ve reached the free shipping threshold — a great time to celebrate!

    • Example- “Congrats! You’ve unlocked FREE shipping!”

✅ Step 3: Customize the Appearance of your Shipping Bar

4️⃣ Navigate to the Design tab and adjust font styles, colors, and background to match your store’s branding.

Step 4: Choose Placement & Display Settings

5️⃣ Navigate to the Placement tab and set Time on site targeting.

6️⃣ Select the pages where to show the bar, you can also choose a custom position to place the bar anywhere on the page.

Step 5: Save & Publish

4️⃣ Click Save Publish to make your Free Shipping Bar live on your store! 🎉

🎉 That’s it! Your Free Shipping Bar is now set up to boost conversions and increase sales. 🚛💨

Did this answer your question?