Do you already have a well-designed WordPress website? Great! However, to make it more visually appealing and extend the reach of your content, you still need to perform some tasks. These tasks include increasing traffic and email subscribers, adding advertisement with special deals, expanding your social media reach or displaying announcements about recent updates which will help to improve the quality of your website.
But How? To do any of these tasks, the WordPress Hello Bar is a perfect solution for you. So in this article, you’ll be provided with all the methods on how you can add the Hello Bar to your WordPress website. But first, let us get to know about the Hello Bar.
What is Hello Bar?
The WordPress Hello Bar is basically a notification bar which you place at the top or bottom of the webpage. It sticks in its fixed position even though you scroll the webpage. You can also modify the slider, modal or page takeover for your website from Hello Bar. The main purpose for using the WordPress Hello Bar is to increase the conversation rates with the targetted audience. Besides this, the Hello Bar is used for other multiple purposes such as:
- Promote the latest special deals.
- Provide contact information for the visitors to give a ring through phone calls.
- Increase the mailing lists to grow connections and networks.
- Grow your social media presence.
- Make announcements about the latest updates in the website.
Now that we’ve understood what is WordPress Hello Bar and why it’s used, let’s move on to the different ways of adding the Hello Bar. If you want, here is a complete video tutorial that you can watch instead of going through the post. Do subscribe if you find this video helpful.
How to add WordPress Hello Bar To Your Website?
Before you add the WordPress Hello Bar to your website, you need to follow some basic steps to design your bars, sliders, modals or page takeovers. First, you need to create a free account with the URL of your website from the official Hello Bar page.
Go to the official hello bar website and give the URL of your website. I’ve given the link of my tutorial website ” http://beautifulthemes-tutorial.com/ ” for this demonstration. Then, click on Create free account.
After you register your new account, you are provided with the option of choosing your goal, i.e., for what purpose you want to use the Hello Bar on your website. You can choose between 5 options as shown in the screenshot.
Click on Select this goal button once you’ve decided your goal. You can also change it later if you want to start with a new goal. Let’s select Grow your Mailing List for this tutorial.
Now, you’ll be directed to the Hello Bar Dashboard. Here you can edit your bar according to your Goals, Style, Content, and Targeting. Any changes you make in your dashboard gets displayed on the right side of your screen with a live preview.
The section Goals contains all the basic information of what you want to display in your WordPress Hello Bar. You can choose what fields you want to display in your Hello Bar as well as the information for your contact. If you scroll down, you will also get some more options to change the size and colors of the buttons and text that you input. The options may differ in different goals.
The next section is Style. Here, you get to select whether you want to put a bar, modal, slider or page takeover in your Hello Bar in the Change Type option. Then, you can select the template which you think will look the most appropriate for your website and make some necessary changes on it too.
The third section is Content where you can further design the color or background of the Hello Bar, textbox and buttons. You can also resize the button radius or button border width in this section.
The fourth and the final section is Targeting. In this section, you can choose the number of days for which you want to display the hello bar after a user has decided to hide it or start a conversation with it.
After you’re done, click on Save & Publish.
With this, you have successfully designed your WordPress Hello Bar. After that, the Hello Bar Dashboard will appear. Now, you need to add it to your WordPress website. For this, you can choose between two ways on how to add the Hello Bar according to your convenience if you manage your own website.
- Copy and paste the given source code in your Editor
- Download the Hello Bar plugin and upload it in the Dashboard
There is also an alternative method if you don’t manage your own website.
Method 1: Copy and paste the given source code in your WordPress Editor
This is the more preferred and quick method to add WordPress Hello Bar as you can easily copy-paste a source code of just one line in your WordPress editor. After you save and publish your WordPress Hello Bar, click on I can install code myself. You’ll be shown a line of your Hello Bar source code with the “<script>” tag.
Copy this source code and open your WordPress Dashboard. Goto Appearance>>Editor in the sidebar. Then, find the Theme Footer in the templates and paste the source code right before the “</body>” tag and click on Update.
After that, go to your website and you’ll be able to see your Hello Bar on your WordPress website once you view your website.
Method 2: Download the Hello Bar plugin and upload it in your Dashboard
If you are not familiar with writing or editing codes, this method would be more suitable for you. Below the I can install code myself option, you’ll see an I use WordPress option. If you click on this option, you can download the plugin of your hello bar and upload it to your WordPress website. All you need to do is click on Download.
Then, in your WordPress Dashboard open the Plugins>>Add new and click on Upload Plugin. After that, select upload your plugin zip file by clicking on Choose File.
Select the zip file that you downloaded and upload it. After that, install and activate the plugin. If you need help on how to install a plugin, the following link can be useful for you.
Finally, you’ll be able to see your WordPress Hello Bar after you visit your website.
What if you don’t manage your own website?
You can still use the WordPress Hello Bar even if your website is managed by someone else. Just follow the basic steps of designing your WordPress Hello Bar. After you save and publish it, click on Email my Web Developer. Just type your developer’s email address and click on send. Your developer will receive an email along with the instructions.
You will be able to see the Hello Bar on your website after the developer completes the necessary tasks. Make sure to be in contact with your developer.
In many cases, adding the WordPress Hello Bar on the websites has been proven to increase the traffic and email subscribers, social media attention, and advertisements. It has also highly benefited the website owners due to its additional features. But, you need to keep in mind that you can’t use some features in the free version like removing the Hello Bar logo or making Hello Bar for only up to 10 websites. Despite this, the free version is more than enough to boost your website.
If you found this information on adding the Hello Bar helpful, then you might also like the following topics.
- How to Add WordPress Widgets
- 8 of the Best WordPress Plugins
- How to Add Chatbox in Your WordPress website