How to create a hello bar in Shopify without app

Sell Online With Shopify
Trusted by millions of businesses worldwide
For a limited time, sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans — offer ends Aug 25.

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.

DEMO

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.

You may also like...

Leave a Reply

Your email address will not be published.