Written by Alison Newth ~ Northeastern BC, Canada
I just learned about another tool, or element, to make my website a little bit better.
This element, provides another way to attract and engage your visitors.
I am talking about Hello Bar and it is pretty nifty.
What is a Hello Bar, you ask?
What is a Hello Bar?
I was logging into weebly the other day and saw an article about attracting and engaging viewers with different embed code elements. There were 3 good suggestions, but one jumped out at me as being the best...something I knew I could use. This was the Hello Bar element.
Hello Bar is a service that creates a call to action bar that you can position on your site. The bar is attractive, simple and free. There are different calls to action that you can select. You can make a bar to Drive Traffic, Collect Emails and Connect/Share (point viewers to social media).
I got started right away. I decided to make a bar to 'Collect Emails', because building my email/newsletter list is a current goal of mine. I wrote a post about Mailing Lists here. Up until now, if a visitor wanted to add their email to my mailing list/newsletter, this is where they were directed. And that is all fine and dandy...but doesn't the Hello Bar look a bit nicer and a smidgen more professional??
How to Install the Hello Bar Element
The whole process of installing this element was really fast. You create an account (30 seconds), select your 'call to action' and edit the bar (2 minutes?). Once that is done, they give you code that you need to embed on your site.
For Weebly sites, I couldn't figure out how to paste it just once like Hello Bar said I could. I tried going into the Settings bar at the top when in Editing mode. I put the code in different spots in the header and footer but the bar never showed up on my site like I was expecting. Something similar happened when I tried adding my Pinterest button a few months ago.
In the end, I decided to try something different. So, I selected the embed code box (in the left side bar where title, text, etc. is) and placed it on each of the pages that I wanted the bar to appear. You can place it on one page, some or all. Your choice.
Once the code box was placed on the page, I copy/pasted the code into the box. As soon as you click off the code box, the bar showed up. And honestly, it is quite beautiful (I posted a pic of it above). This last part took me about 5 minutes. Total time? Probably about 10 minutes.
Don't Forget to Sync it!
It was funny. I was sitting there all proud of myself when I had a weird thought.
I was thinking...so, people enter their email address in that bar but then what? Where does that address go? How can I get it to link to my current email address/newsletter carrier? Then, like an angel, a prompt appeared...sync with exisiting mailing list. Ahh, a sigh of relief.
It was even easy to sync. They provide a list of possible email subscription services and you select the one you currently choose. I use Mailchimp and it was in that list. All I had to do to sync it was enter my login info. Done. Synced. Is that spelled right? Gosh, the more I write the word 'sync' the less of a real word it appears to be.
What is Next?
Well, now that I love my Newsletter hello bar element, I am considering adding more elements. The other two options are the Drive Traffic and Connect/Share. I wonder what the Drive Traffic one is all about? I will look into these a bit more and let you know if they turn out to be a good idea.
And, I just noticed that they also have a mobile phone version of the hello bar so people viewing with their phones will also see a version of this. Hmmm. Might have to check that out asap!
Now, go on and add an awesome hello bar to your site!