a warning bar a great way to inform your visitors items that need immediate attention. This can be anything from breaking news to special offers and promotions. Regardless of the type of website you are running or designing, you can find the uses of this function and there is no shortage of solutions.
In this article, we will discuss how to create an alert bar in WordPress and also in what situations you can find an alert bar. useful for yourself and useful for your users. If you are not sure what a WordPress alert bar is or whether your WordPress website needs it, read the sections below. If you want to get down to brass nails, head over to our how-to page right away.
a warning bar a thin band or header that runs throughout a website without blocking its content. It’s usually located at the top of the page and can consist of text, hyperlinks, call-to-action buttons, and a hide or close button. On mobile devices, it is mostly located at the bottom of the page, within easy reach of the user’s thumb.
It may be the first thing a visitor sees and, if used, deserves your special attention.
if you need let your visitors know about something importantsomething that requires their undivided attention, an alert bar is a great tool.
For example, you may have an important update the way you interact with your users every day. You could be introducing a new service, changing your hours of operation, changing your street address, or opening a new real-life location. You may also be changing your terms and conditions, in which case you really need to make sure you do everything you can to notify your visitors in advance. You may be using cookies. An alert bar is a good way to advise your visitors on this.
you want prevent your visitors from being unpleasantly surprised. Of course, you can use this as a greeting to new users and provide a link to the help or FAQ section of your website.
If you run a news site of any type, public or private (for sports, games, or local), a newsworthy event will most likely occur at some point and your visitors may rush at you. more information. You can do deliver the big news to them using an alert bar – also useful for important service information and local emergencies (weather alerts, traffic jams and the like). Do you have serialized content like videos or podcasts on your website? You can use an alert bar to alert your visitors about a new episode.
The reason is obvious a webshop can benefit from advertising time-limited or one-time offers, special discounts and promotions. Just like you use your website’s e-commerce functions to feature a product, there’s no reason not to use the alert bar to notify your users about a deal they might miss.
In each of the above situations, you want to make sure you do your best to alert your visitors about something you really think they shouldn’t miss. The important thing to keep in mind, of course, is not to overdo it.. Alerts particularly suffer from the law of diminishing returns. Your users need to sign up as extraordinary, extraordinary or they will stop working.
The plugin we will use is Easy Notification Bar Addition. Note that this plugin requires WordPress 5.2.0 or newer to work. In any case, we recommend that you always use the latest stable version of WordPress and regularly check that each plugin you use is compatible with it.
After installing and activating the plugin, you need to find it on your own device. Installed Plugins Click the screen and Settings.
Easy Notification Bar takes almost no time to configure. You will find all the configuration options on the left side. You can also see the preview on the right.
Used for the first checkbox enable most Notification bar and left checked by default. The next checkbox lets you display your alert bar on the screen. Front Page Only. We want our alert bar to be visible from anywhere on the website, but if you think the alert bar is too distracting, you can check it out.
This Message box is where you enter your text. For the sake of this demonstration, we will pretend to open a new Twitter account. So we will change the default text to: We are now on Twitter! Click here and follow us for regular updates →. When we’re done, the arrow will show the link to our Twitter account.
we will also change background color it’s better to stand out against the color scheme of our websites. We will use dark green (#0E9B18). The white text clearly stands out, so we will not change the text. Text Color.
you can choose Align Text as you wish: centre, Leftor Right. We will leave it in the center. The checkbox just below is about the use of the System font family in your alert bar. We will leave it unchecked as it will inherit the font from our theme. We want the alert bar to stand out but not conflict with the rest of the website.
When we scroll down Font Size area. We will leave this blank meaning it will stick to the default values of our text size for the website (we like our theme as is) but you can change it to anything you think will look good for your website.
This Button Text is what will appear as hypertext for your button. Ours will only read OUR TWITTER. This Button Link field is obviously where you paste the link you want if you are using it. If this field is left blank, your button will not be displayed; useful if you only use the alert bar for notifications instead of hooking up somewhere.
Then the bottom two checkboxes are there if you want. To add a nofollow tag to your link (the nofollow tag can be useful for SEO in certain situations, but we’ll leave it unchecked) and Open button link in new tab button to check. We want to gain more Twitter followers, but we don’t want visitors to leave our website.
Finally, you can use the device controls to see how your alert bar will look on a tablet or mobile device.
Once you’re satisfied, just scroll all the way to the top of the plugin’s settings menu and Publish bar. And just like that, your WordPress alert bar is ready.
As a result
As you can see, installing an alert bar is not difficult, it doesn’t take much time and it doesn’t have to cost any money. If your website content or services can take advantage of this additional functionality, there is no reason not to use it. In fact, we’ve only shown you the most basic information. If you really want to make your alert bar pop, we recommend trying a premium plugin with more configuration options.
Keep it brief and don’t overdo it – a warning is for emergencies, whether it’s your own updates, important news or special offers. Your visitors will appreciate it if you make this remarkable feature worth their time. If not, they will at best ignore it, or more likely find it annoying. And who wants that for their website?
Support our work ❤️
If you enjoyed this article, consider leaving a tip to help us keep publishing great content.
