How can I add a free shipping banner to my website header?

Hi all!

I would like to add a side banner with icon and text for free shipping over an amount on the header.

For example: small icon of a truck and text Free shipping for orders over €…

Is there a tutorial how to do it?

Thanks in advance!

HI @miamitonio welcome to the shopify community,

This is builtin settings in every theme now a days. You can enable it by going to the theme customzer

  • Online Theme

  • Theme Customizer

  • Header > announcement bar

  • Enter the text and link that to your page or not up to you

  • Hit Save

Thanks

Hi!

Thanks for your reply.

Yes I know that, however I would like to add also an icon to the text and put this annoucement on the side of the page…

Like this…

Hi @miamitonio

this can be done by custom code if you have idea how to do it then you just need to follow the steps below

  • Online Theme

  • Theme Edit Code

  • Header.liquid

  • enter the html code according to the theme layout

  • Hit Save

Let me know if i can help you in this.

Thanks

That’s great!

Unfortunately I’m not able to write a code, perhaps I need to check online if I find the one I need…

@miamitonio

This is a custom requirement. Please contact a developer to help you.

Need help? Do let me know.

Thanks

Hi @Sweet_Savior_3

no worries do let me know i can help you on this if you still did not get any solution.

Thanks

It would be great to find the code and a guide how to add custom announcement bars…

Hi @miamitonio

Welcome back please let me know if i can do it for you.

Thanks