How to Add Notification Bar on your WordPress website? (Step by Step Guide)
If you are wondering to add notification bar on your WordPress website for making your website important contents more visible your audience then, you are at the right place. Here, in this article, we will discuss the step by step tutorial for adding the notification bar elegantly on your WordPress website. But before we begin, a few things about why you need to have a notification bar on your WordPress website.
Adding a notification bar on your WordPress website can be an effective way to direct your traffic to your desired locations. You can add the links of important contents, newly released products, announcements, deals, and discounts. Besides, you can also add an email subscription form to generate your email subscribers or even add a cooldown timer to notify dates your audience about an event or the release of your new product.
Notification bar, being an important tool for any website can be added with the help of WordPress notification bar plugins. Therefore, you might need to be careful about picking the right WordPress plugin for your WordPress website. While choosing the plugin for your website, you may consider its features in term of its designs (templates/layouts that your plugin offers), position options (where you can place your notification bar) and contents (what you can add on your notification bar). Additionally, you may also look at some of the advanced features like the option to make notification bar floating or absolute, duration options, trigger options, etc.
Here, in this article, we will be using one of such plugin – Apex Notification Bar to show you how to embed your WordPress website with an engaging notification bar.
So, let’s get started and add some cool notification bar on WordPress website:
- Step 1: Installation and Activation
- Step 2: Add New Notification Bar
- Step 3: Notification Bar Layout
- Step 4: Logo Section
- Step 5: Notification Bar Components
- Step 6: Duration to Display Notification Bar
- Step 7: Notification Bar Position
- Wrapping Up
Step 1: Installation and Activation
Get Apex Notification Bar from CodeCanyon marketplace from a reasonable price of $22. Then, install it on your WordPress website. If you face any difficulty while installing the plugin, you can take the help of its documentation.
Step 2: Add New Notification Bar
After you have successfully activated the plugin, you will see “Apex Notification Bar” on your WordPress backend. Click on it. You will land to “Notification Bar List” page. It consists the list of all the notification bars you have created. To create a new notification bar click on “Add New”.
Step 3: Notification Bar Layout
You will land on “Add New Bar” page. Give the name for your new notification bar and choose its layout. You can either select any of the 15 pre-designed templates or add your own custom template.
Step 4: Logo Section
Then, choose the logo for your notification bar. Also, add the link for your logo, and set the height and width of the logo.
Step 5: Notification Bar Components
Then, choose the components that you want to add to your notification bar. The plugin provides you with 3 different components. They are:
i) Left Components
In left components, you can add the social link for different social icons.
ii) Right Components
In right components, you can add opt-in form, Twitter tweets, RSS feed, countdown time, video popup, search form, etc.
iii) Option Panel
On option panel, you can add hover text, background image, trigger image, header text, footer text, and content types.
Step 6: Duration to Display Notification Bar
Here, you can set the duration for your notification bar.
Step 7: Notification Bar Position
Here, you can configure the position, visibility, and close button for your notification bar. Besides, you can also add snowflakes effect to your notification bar.
This way you can add an engaging notification bar on your WordPress website. So, if you want to embed notification bar on your WordPress website then, you can purchase the plugin and follow this step by step tutorial.