Home Free Shipping Bar How to add icon in the shipping bar?

How to add icon in the shipping bar?

Last updated on Nov 02, 2025

✅ Step 1: Open the Hoppy shipping bar App

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

2️⃣ Choose to create a new shipping bar or edit an existing one.

✅ Step 2: Open the Design Tab

3️⃣ Click on the Design tab.

4️⃣ Scroll down to locate the Icon section.

  • Click the Select Icon to choose from the pre-available icon options.

  • Or, click the Upload Icon to add your own image/icon from your device.

  • Size & Color: Adjust the icon’s size and color to match your store theme. Position: From the dropdown, select whether the icon should appear before or after the progress message in your Shipping Bar.

✅ Step 3: Save & Publish

5️⃣ Click Save and Publish to make your Free Shipping Bar live on your store!

🎉 That’s it! Your icon is now added to the Shipping Bar and ready to grab attention.