Apex Notification Bar Lite – Responsive Notification Bar Plugin for WordPress – Documentation

Documentation of Apex Notification Bar Lite

A) Installing Instructions

  1. Unzip apex-notification-bar-lite.zip
  2. Upload all the files to the /wp-content/plugins/apex-notification-bar-lite
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. To use the plugin, go to Appearance > Menus > Select Apex Notification Bar Lite and Check to enable notification bar on your site on General Settings Tab.

Once the plugin is installed and activated you will find a menu named “Apex Notification Bar Lite” in the left menu bar of the admin menu.Once you click on that menu , you will go to the plugin’s notification bar main settings page. Basically there are 3 main settings which is individually described briefly below.
Basically there are 3 main settings Notification General Settings,Components Settings,Opt In Settings that will help you to setup the plugin default setup which is individually described below.


B) Apex Notification Bar Lite Settings

This settings helps you to control the overall plugin.This contain following main settings:

    • General Settings
    • Components Settings
    • Opt In Settings

1) General Settings

This settings helps you to control the overall plugin, you can enable or disable the plugin, enable or disable notification bar in mobile version, choose position as top , top fixed or bottom for notification bar display, Show notification bar on all pages or only on home page.
Set Notification Bar Position with 3 provided feature:
* Top Absolute
* Top Fixed
* Bottom

Apex Notification Bar Lite General settings

2) Components Settings

At middle section for notification bar components, there are altogether 5 advanced components options which are described below.

In this tab, there are configuration settigns for bar layouts, custom settings, components setup and visibilty /controls settings vertical tab section.

Bar Layouts:

Apex Notification Bar lite Layouts
There are total 5 Pre Available Attractive Responsive Templates altogether which you can choose to display notification bar with different layouts, style and background color according to your site.

Apex Notification Bar lite Layouts

Custom Settings:

Apex Notification Bar lite Custom Settings
This tab contain Enable/Disable Custom Settings options and many other customization design options with preview. On enabling custom settigns options, the setup customization options color design will be override in place of pre available template design.
Apex Notification Bar lite Custom Settings 2
If you wish to styling your notification bar by urself then please enable this options as custom settings.
This is main configuration settings section for custom design, you can set your own background color for notification bar, you can choose font color, font family with font size, all custom button background color with font color matching according to your design background color and close button or toogle button background color configuration settings.

Components Setup:
1) Text(Custom Html Codes)
After choosing this text html option, you can still choose 2 options: static or multiple content.

a) Static Content Components

Apex notification bar right components
If you choose static content, you can add only single html text with or without call to action button which contains custom button with url link field and default contact form or contact form 7 shortcode integration or any shortcode intergration field for your notification bar. Custom button contains Link Button Text and Link Button URL field. On choosing Contact Button, Default Contact, you can input Contact Button Text,name,email,message label,placeholder,error message, success message configuration, send to mail input field to whom the details of user with their name, message and email will be send via email. Similarly, if you choose Contact Form 7 option,fill Contact Button Text and Contact Form 7 Shortcode in particular fields.

Below is the screenshot with Call to action options for static content and full description of call to action features options:

Call to action options > Custom Button:

Apex notification bar lite multiple text CTA Custom URL components
This call to action button includes default contact form fields and contact form 7 integration as popup form display.
This call to action option contain following fields:

  • Link Button Text: Fill valid button text such as Read More, View More etc.
  • Link Button URL: Fill valid button url link.
  • Link Button Target: Set button url target.
  • Custom Design Options:
    For this customization options is in Custom Settings vertical tab section as hyperlink background color and font color and many more options.
Call to action options > Contact Button:

Apex notification bar lite multiple text CTA Custom Contact form components
This call to action button includes default contact form fields and contact form 7 integration as popup form display.
This call to action option contain following fields:

  • Contact Button Text: Fill text for button which will work as popup contact form display.
  • Name, Email, Message Label : Fill label text for each field.
  • Name, Email, Message Placeholder: Fill Placeholder text for each field.
  • Name, Email, Message Error Message If left empty: Set error message for each field.
  • Name, Email, Message Required ?: Check enable for each field if is required.
  • Send To Email: Fill valid email address to whom users contact details to send through mail. If left empty, email will send to admin email.
  • Success Message: Set success message for frontend if user contact through this form.
  • Fail Email Message: Set error message for frontend if user contact through this form.
Contact Form 7 Integration Options:

Apex notification bar lite multiple text CTA Custom Contact form 7 components

This call to action option contain following fields:

  • Contact Button Text: Fill text for button which will work as popup form.
  • Contact Form 7 Shortcode: Fill Shortcode of contact form 7 which you want to display on popup form.Note: you need to install “Contact Form 7” Plugin for this shortcode settings.
b) Multiple Content Components

Apex notification bar lite multiple text components

If you choose multiple content, you can add multiple html text onclick button “Add Content” with or without call to action button which contains custom button with url link field and default contact form or contact form 7 shortcode integration for your notification bar. Similary, you can choose Notification Bar Effects as slider, ticker or scroller.

Apex notification bar lite add multiple text components

2) Opt-in form
Apex notification bar right Opt in form components

Opt-in form components includes one custom subscribe form i.e Custom Subscribe form where you can set field placeholder text, mail confirmation message, enable mail confirmation after user subscribed from your site.
In Custom Subscribe form, there are input field for form header text, button text, email placeholder, error message and success message configuration fields as well as on click Enable Check Confirmation checkbox, the email will be send to subscribers with subscribing success message and details will be send to database. You can view details on clicking sub menu “Opt-In Settings”.

Apex notification bar lite Custom Form components

Email Confirmation:

For all subscribe form, you can find email confirmation enable section where you can enable sending email to users right after user contact us. You can fill email subject as well as email message from Write Message to Subscribe Custom Html Field to send to contact users as shown on below screenshot image.
Apex notification bar lite Email Confirmation of Subscribe Form

3) Posts Title
In middle section, you can even display posts title by showing recent posts according to set order. You can choose recent posts with 3 different effects as slider, ticker or scroller effect.In Posts Title, you can select posts title of particalur category to show as slider, ticker or scroller effects.

Show Recent Posts :
You can display posts title collection with read more button and show recent posts according to set order and many other options to confiugure.
Apex notification bar Lite Posts Title Recent components

4) Search Form
This plugin also provide features to display search form. It includes options such as description,Search Input Field Placeholder,button text input field. It provides one attractive pre available beautifully designed Search form layout.

Apex notification bar Lite Search Form

5) Add Social Icons
In this section, you can add multiple social icons, you can choose pre available social icons to display social icons on froetend. You can even set icon link,ttile and choose icon from pre available icons popup lists.Set Social Heading Text as Follow Us.

  • Social Heading Text: Fill icons header text here for specific bar such as Follow Us
  • Add Social Icon Button: Click on add social icon button in order to add social or any custom icons.
  • Icon Title: Fill icon title name such as facebook, twitter.
  • Select Icon: This dropdown includes available icons or custom icons for custom layout.In Available Font Icons , you can select provided font awesome icons to display whereas Custom icons will be displayed only if custom template is being choosen where you can add font awesome class such as fa fa-home.
  • Icon Link: Fill url link for specific choosed icon.
  • Add Icons Button: Click on add icon button to add specific icons to display it on specific bar.

Apex notification bar Lite social icons

Visibility / Controls

Similarly, you can choose Notification bar visibility such as Always show, show after some time with input field to Show Time Duration in milliseconds or Hide after some time with Hide time duration input field in milliseconds.At last, you can choose Notification bar Close Button , where you can disable, toggle(show/hide) or show close button with different layout for pre available templates.
Controls Type :
Apex Notification Bar Lite controls settings
Visibility Type :
Apex Notification Bar Lite Opt In settings
Set Cookies with time duration to hide or show notificatio bar options:
Apex Notification Bar Lite Duration settings

6) Opt In Subscribe Form Settings

Our plugin has a feature to list out all the details of subscribers who have subscribes from custom subscribe form of opt in form options. Similarly,you can remove and export csv of subscriber and send email to specific user through their email address.This settings is for managing the subscriber as well as send email to any subscriber.

Apex Notification Bar Lite Opt In settings


H)Notification Effects

You can choose Notification bar effects only on multiple content,recent posts. In Notification bar effects, you can make the bar more stunning with various effects. There are options for Ticker with various configurations(duration, animation, speed), Slider with various configurations(duration, animation, speed, auto) and Scroller(left, right direction) with Animation type as Reveal or fade type.You can choose any one notification bar effects to make your notification bar more attractive.

Ticker Effect:

Apex notificaiton bar notification bar lite ticker effects

Slider Effect:

Apex notificaiton bar notification bar lite slider effects

Scroller Effect:

Apex notificaiton bar notification bar lite scroller effects

H)Notification Effects

In this section, you can display notification bar on 3 different position such as on top(header fixed),top absolute(not fixed), bottom(footer) of your site. Top Fixed simply stick your notification bar to header even on page scroll. Top Absolute remove sticky header and simply display notification bar and will scroll out of view when page is scrolled.

This documentation tried to cover as much details about plugin to ease your plugin experience. To see screenshots of plugin backend and frontend templates, you can see them here


Available layout Screenshots