Creative, Pixel Perfect, One Page Parallax WordPress Theme. Fit for agencies or freelancers.

How to Add Notification Bar on WordPress Website? (Step by Step Guide)

0
How to Add Notification Bar on WordPress Website? (Step by Step Guide)
How to Add Notification Bar on WordPress Website? (Step by Step Guide)
MH Magazine WordPress Theme

Adding a notification bar on your WordPress website can play an effective role to gain the attention of your visitors and drive them to the desired locations. You can place different call to action buttons, links, icons, as well as subscription letter to engage your visitors on your custom bar. Moreover, these notification bars can also be used for notifying your audience about the newly launched products and drive traffic to its locations and increase its sales.

Notification bar, being an essential element for any website for multiple purposes can be added easily by using the WordPress notification bar plugins available. These plugins contain different configuration, customization and position options to place your custom notification bar as per your preference. Furthermore, some notification bar plugins also provide some advanced features such as floating, fixed or absolute positioning of your notification bar, duration to display notifications, trigger options etc.

Here, in this article, we will be using one of such advanced notification bar plugin – Apex Notification Bar Lite to show you how to add notification bar on WordPress website.

So, let’s get started and add a cool notification bar on WordPress website:

Step 1:

apex notification bar lite best free wordpress notification bar plugins - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

Download Apex Notification Bar Lite plugin from WordPress.org repository for free. Then, install it on your WordPress website. If you face any difficulties while installing the plugin, refer to its documentation or go through the article: How to install a new plugin in WordPress website?

Step 2:

After you have installed the plugin, activate it. Then, you will see “Apex Notification Lite” on the left menu of the dashboard. Click on it.

You will land to the general settings tab. It contains enable/disable option of the notification bar for mobile. Also, you can choose the position for your notification bar and the page to show your notification bar.

apex general settings - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

Step 3:

After you have configured the general settings, move to the next tab “Component Settings”. It contains 4 different settings sections. They are:

Bar Layout

Here, you can choose any of the 5 pre-designed bar layouts.

apex bar layout - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

Custom Settings

Here, you can customize the fonts and colors of your custom notification bar and buttons.

apex custom settings - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

Components Setup

Here, you can set up the component for your notification bar. The plugin will let you add any of the 5 different components i.e. Text (Custom HTML Codes), Opt-in form, Post Title, Search Form and Social Icons.

apex components setup - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

Visibility/Controls

Here, you can configure the visibility option of your notification bar.

apex visibility control - How to Add Notification Bar on WordPress Website? (Step by Step Guide)

After you have completed the configuring your notification bar, click on “Save” button to save the notification bar.

For the additional feature of the plugin, you can upgrade this plugin into its premium version: Apex Notification Bar.

Wrapping Up

In this way, you can add a notification bar on your WordPress website. These notification bars can play a great role in engaging your traffic on your desired location to convert your visitors into leads. So, if you want to add a notification bar on your WordPress website then, you can use the above-mentioned plugin and follow this step by step tutorial.

You can also check out the collection of: