Wondering how to announce special offers to your site readers? Then you are in the right place. Check out this post and learn how to create a website notification bar in WordPress.
What is a Notification Bar?
The notification bar is just a small banner that is displayed at the top of the blog/website. It helps to inform special offers or announcements to visitors without disturbing the content on the site.
There are many types of campaigns through which you can share the information with the notification bars.
They are as follows:
Count down timer offer
New promotional offers
For growing Email list
Informing changes or updates about the site
In this post, we will use the powerful and easy-to-use tool called OptinMonster to create a website notification bar easily on your website.
How to Create a Website Notification Bar in WordPress?
With OptinMonster, you can create a notification bar easily within a few minutes. Let us get started now.
First login to your OptinMonster account.
Once you have logged in, click on “Create New Campaign” available in the right corner.
Then select the campaign type as “floating bar” which is used to create a website notification bar.
After that, select your campaign template.
OptinMonster has more than 50 templates. You can choose your preferred one from them. Else, you can design one from scratch easily.
For this tutorial, we will use the “alert template“
The alert template is in red color which grabs the attention of the visitor easily. Click on the alert template and name your campaign.
If you think that the red color does not suit your website’s design, then you can edit it easily to match your website design.
First, you need to change the position of the notification bar.
To do that, click on “floating settings” on the left side of the OptinMonster editor screen.
You can toggle the switch to show the bar on the top or the bottom of the website screen.
Once the position is updated, it is time to change the text of the campaign.
Just click on the text and you will be able to update the text.
Not only text and the position, but you will also be able to update the following:
- Width
- Alignment
- Color
- Icon
- Icon spacing
- Text decoration
- Border
- And much more
The default “Read more” will be sufficient for most of the announcements. However, based on the announcements you can update the default text.
To change what happens when someone clicks on your notification bar, you would need to click on the button element which will open its editor tool.
Now, click on the action tab.
The action button by default will redirect visitors to a different website. You just need to update the redirect URL to divert them to your target site.
If you are announcing any special deals or offers, you can update the redirect URL to the specific deals page.
That’s it. Now, you have created the notification bar. You just need to update the display settings now.
Click on Display at the top of the editor screen.
By default, the campaign will be set to display after 5 seconds. For the best results, it is advised to set it to show immediately.
Once the changes are made, click on save and then hit the publish button.
That’s it. You have now successfully created a website notification bar at the top of your site.
You can view the video below on how to set up a notification bar easily.
Final Words
That’s all about creating a website notification bar.
With OptinMonster, you can easily create these types of the announcement and notification bars and increase your sales and revenue.
