Skip to main content

How to add an icon in the shipping bar?

learn to add an Icon in the Shipping Bar

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

✅ 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.

Did this answer your question?