How to create a hello bar in Shopify without app

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

Want to boost your conversion rates? That’s what hello bars are all about. Whether you want to add email subscribers, advertise special deals, drive traffic to a landing page, or make a site-wide announcement, hello bars get the job done.


What’s a hello bar? Well, it’s a bar that rests atop your Shopify store, greeting people as they arrive at your page. It allows you to display a nice message to your visitors as well as a custom link.

Setting up a hello bar is easy. Follow the steps below to create a hello bar for your Shopify store.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Layout section, click theme.liquid to open the file in the online code editor.
  4. Find <body> and paste the below code just above it.

    This is content of the bar. You can customize it.

  5. Click Save.
  6. In the Assets directory, find to a style sheet (CSS) file and click it to open.
  7. At the bottom of the file, paste the following code:
  8. Click Save.

You are done. Actually, you want to make it fixed on top bar when scroll down. You can refer this article to know how to create a fixed/sticky the bar.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *