Client attraction. Business growth. Pretty profits.

How To Create A Hello Bar For Your Self-Hosted WordPress Blog

How To Create A Hello Bar For Your Self Hosted WordPress Blog

I AM LEGEND…of the Hello Bar kind.

Most of us know placement and layout are everything when trying to capture attention on your blog. If you want readers to take a specific action putting thought into your design is vital.

Pop ups are a popular option for grabbing attention and they are effective in converting warm leads. The problem is plenty of people HATE them as well.

If you haven’t been inspired or delighted by the content on a site the last thing you want is a pop up blocking your exit. Especially if it’s bigger than the screen you’re using and you can’t click on the ‘X’.

That’s why I prefer the Hello Bar!

Less intrusive but still noticeable, readers who are keen to take action or make a commitment to your offer will. Everyone else can continue their ‘experience’ unobstructed.

Who Uses The Hello Bar

Plenty of people have the Hello Bar installed on their site. Some famous, some not so much.

Hello Bar ExampleTake Darren Rowse of Problogger.

Hello Bar ExampleOr Tim Ferris of 4 Hour Work Week.

Hello Bar Example

Even DIY Themes.

Create A Hello Bar For Your Blog

Let’s create a Hello Bar for your blog. It’s super easy to do.

  1. Go to HelloBar.com
  2. Click on Sign Up Free.
  3. Log in (you’ll be emailed your log in details).
  4. Click Create New.
  5. Type your text and link then save.

Hello Bar creates the specific code for your blog. Make sure you copy and save it somewhere safe before closing the window.

Install Your Hello Bar

So why the reference to I AM LEGEND?

That’s how I felt when I worked out how to add the code to my blog’s template files.

If you are code phobe like me don’t fret. I managed it so you will too.

  1. Log into the back of your self hosted WordPress blog.
  2. Click on Appearance then Editor.
  3. Click on the Header.php file.
  4. Scroll down to the Body tag and paste code immediately after.
  5. Save.

Hello Bar Code Example

You’re done. The Hello Bar will now appear on every page of your blog.

Are you excited? (I may or may not have fist pumped the air at this point…)

Do you use Hello Bar? What will your first message be?

 

Don’t forget to sign up for the Blogging Olympics Challenge and Small Business Olympics! Only six days until the opening ceremony…

13 Responses to How To Create A Hello Bar For Your Self-Hosted WordPress Blog

  1. Thank you I love it. It took me forever playing with it and trying to make it work, till I went back and re-read and saw it has to be self-hosted in wordpress. So now it’s on my website and I love it.

    • Hi Jacqueline,
      Fear not – I would be bound to do the exact same sort of thing ;o)
      Thank you so much for reading and commenting!
      Cheers, Caylie

    • Hi Kimberly,
      Nice work on the Hello Bar! Smart thinking!
      I’m really glad you took action immediately. I put it off for so long out of fear and now I know how simple it was I’m kicking myself.
      Thanks for reading and commenting!
      Caylie

    • G’day Peter,
      You’re a Bendigo local…we are practically neighbours (at least in rural Australian terms).
      How long have you been creating websites?
      Thanks for the comment!
      Caylie

  2. Hi Caylie,

    This is very cool – I saw your post while scrolling on my phone last night and adding this bar was the first thing I did this am!

    I love it – so nifty!

    Thanks for sharing!

    ~Christine

    • Hi Christine,
      Glad you found it easy! I usually take fright at these ‘techie’ things so it was a lovely surprise to find out how easy it was.
      Thanks for commenting.
      Cheers,
      Caylie

  3. Nice blog and design Caylie.

    I loathe pop ups. Hello Bar is much more palatable to me as a reader, and I’d also be willing to use it on my blog as well.

    For bloggers using the Genesis Framework, the best way to install the bar is to go to the Genesis Theme Settings and paste the code in the wp_footer() box of the Header and Footer Scripts section. This will make sure your content loads first.

    If you want the bar to load before your content, then paste the code in the wp_head() box.

    • Hi Bryan,
      Welcome to the Better Business Better Life.
      Thanks for sharing how to add the the Hello Bar on the Genesis Framework!
      I’m going to The Hobby Blogger now.
      Cheers,
      Caylie

  4. 5 List Building Opt In Opportunities You Must Have On Your Blog | Crochet Blogs | New to Blogging Tips | Crochet Business Interviews | Selling Crochet Tips says:

    […] set up the Hello Bar on your blog try this tutorial for step by step […]

Leave a reply