I’ve seen the awesome “Hello Bars” on tons of websites before and always wanted to play with it. The other day I had a situation where I needed it for a site I was working on so I browsed on over to hellobar.com and to my dismay I saw I needed to pay for it, a monthly fee per impression. This really made me back off because I was kind of expecting a wordpress plugin that I could install on a bunch of my sites for one low time price.
Now the Hello Bar looks like it has some really cool features onto it, but to be honest, I can’t imagine myself taking advantage of the split testing options too much on the particular site I was working on. As I was looking at the bar I really thought, “this thing could be easily recreated”. Now the A/B testing results, that would be a little bit more time consuming, but the basic design, maybe a half hour or so.
Of course someone had beat me to the punch. I found several people copying the content almost exactly. One I thought would be a nice share was on All Blogger Tricks. He replicated a Pure CSS clone of the Hello Bar. You should definitely check it out if you were looking to use a free Hello Bar on your websites. He even explains how to add it as a WordPress text widget.
I would recommend to make the small change in the CSS on the line for ‘#abt-hots‘, the drop shadow (box shadow) is too strong, I would modify it to ‘box-shadow:1px 1px 5px 1px‘. This will make it a little more like the original.
Is This Like Pirating?
Hello bar was in no way the first to ever put a bright colored bar at the top of your webpage. They did brand it very nice and I still think its a great product, just I wasn’t willing to pay for it when I knew I could recreate it so easily, and their value added features didn’t beat the cost comparison in my head. I think I remember reading that the guys over at Crazy Egg acquired Hello Bar a while back. I personally subscribe to paid plan at Crazy Egg even though there are free alternatives out there. In that case, the product provided value to me vs the alternates.