Engage your Website Visitors with the Hello Bar

by Lorenzo Orlando Caum on October 3, 2011

The Hello Bar is a notification toolbar for your website that allows you to create a call to action for your visitors.

It lives at the top of your webpage and usually appears while visitors are browsing your website.

Here are some popular uses for the Hello Bar:

  • Generate more leads
  • Promote your brand
  • Grow your newsletter
  • Sell more products
  • Spread your message

Do any of these sound useful? If your conducting any business online, then these are all realistic call to actions.

Creating your first Hello Bar

The Hello Bar is easy to set up and even easier to use.

  1. First, go to hellobar.com and go through the registration process (its free and takes less than one minute)
  2. Next, log in to your Hello bar account
  3. Off to the top right of the page, click on 
  4. Now you’ll be at a new page (this is the page that you’ll customize your Hello Bar)
  5. Enter a title for your Hello Bar
  6. Be sure that ‘Manual’ is selected for the type
  7. Enter your Message, Link Text, and Link URL
  8. Next click on Custom and edit the settings to customize your Hello Bar
  9. Once your done and have checked everything, click on save
  10. Then click ‘Back’ which appears in the top left
  11. Click the ‘Embed’ and copy the code

Awesome! You’ve now created your Hello Bar and now its time to enter the code into your WordPress site.

Adding the Hello Bar Code to your Website

If you are using any of our recommended premium WordPress frameworks then adding your Hello Bar code is simple! Just find your WP framework from the list below and follow the your customized instructions:

  • Builder: From the ‘My Theme’ admin menu, click on ‘Settings’ –> Then find the ‘Analytics and JavaScript Code’ area –> Paste your code into the second box and click ‘Save Settings’.
  • Catalyst: From the ‘Catalyst’ admin menu, click on ‘Core Options’ –> Then click on ‘Scripts’ in the navigation menu –> Locate the ‘Footer Scripts’ area –> Paste your code into the box and click ‘Save Changes’.
  • Genesis: From the ‘Genesis’ admin menu, click on ‘Theme Settings’ –> Then find the ‘Header and Footer Scripts’ area –> Paste your code into the second box and click ‘Save Settings’.
  • Headway: From the ‘Headway’ admin menu, click on ‘Configuration’ –> Then click on ‘Scripts and Analytics’ in the navigation menu –> Then find the ‘Footer Scripts’ area –> Paste your code into the box and click ‘Save Changes’.
  • PlatformPro: From the ‘PlatformPro’ admin menu, click on ‘PlatformPro’ –> Then click on ‘Custom Code’ in the navigation menu –> Then find the ‘Footer Scripts and Analytics’ area –> Paste your code into the box and click ‘Save Options’.
  • Thesis: From the ‘Thesis’ admin menu, click on ‘Site Options’ –> Then find the ‘Stats Software / Scripts’ area –> Paste your code into the box and click ‘Big Ass Save Button’.

The instructions above will place your Hello Bar code in your theme’s footer. This ensures the fastest load time for your website.

If you are not using one of our recommended WordPress frameworks, then you’ll need to enter the code into your themes footer. If you do not know how to do that, you can install the Hello Bar for WordPress plugin. Once installed, paste your Hello Bar code in the box. Then choose ‘Footer’ for the next option and click ‘Save Changes’.

To test out your Hello Bar, simply start browsing your website and you should see it appear. It will appear nearly instantly. If it doesn’t, you’ll want to check that you have cleared your cache (if you are running a caching plugin). If you still don’t see it, double-check the steps above to make sure you didn’t overlook anything.

Remember that your Hello Bar also comes with settings that control how it’s used. Once you’ve confirmed its working on your website, be sure to check these out, including the A/B option which allows you to create a variation (useful for determining how your visitors respond to your Hello Bar).

Enjoy using your Hello Bar!

Related Posts Plugin for WordPress, Blogger...

Would you like to have a better e-commerce site?
We can identify areas of improvement for your site to help you drive sales.
Learn more about our WordPress E-commerce Site Analysis

Author: Lorenzo Orlando Caum

@lorenzocaum is an entrepreneur and a marketer.

Lorenzo contributes to the Shopp project as a customer support rep.

He is the founder of Enzo12 LLC, a web engineering firm in Tampa, FL. He also has a business, marketing, and technology blog.

Previous post:

Next post: