If you are not investing in your business how do you expect it to grow?

System Alerts

 MODIFIED Date: 10/8/2018 |  User Level: Regular User |  Views: 1,168


System alerts help you keep your customers up to date on what’s important when they come to your website. In this KB article we’ll delving into that. We’ll cover:

  • Setting up an alert

  • Types of  alerts

Setting Up an Alert

Let’s start by clicking on Add New below the System Alerts title. You should see two options on the top of the  page and form options below. We’ll start with the options on top.

Top Options

Return to System Alerts -  This returns you to the place where your current alerts are listed. It’s good to  go here to check to see if you already have an alert that accomplished the same thing as the one you’re creating.

Add New System Alert -  When you create an alerts and fill out the form  you’re taken back to your current page. You will see that the form is still filled out and you receive an alert message that the alert system has been published. This is the reason why this option exists here. So that you can easily start creating a new System Alert without going back to the System Alerts list.

Form Options

Alert Type - Simply select from a drop down which alert you would like to  use.

Note: If you choose  no alert type then it will not show any system alert.

Alert Color - You can choose from five different colors. A no color selection will result in white.


Active () - This tool is important. Let’s say the start date of this system alert is has come but you’re  not quite ready yet to make it show on the site. If you uncheck the active checkbox you have the final say of when it goes up. Just  be sure to not forget about it.


Start/End Date - You can can the date by clicking on the  calendar icon and the time by clicking the clock icon (). When you click on the calendar icon () you are presented with a calendar with the current  month. If for example you don’t want the start date to be in the current  month you can click on the single right or left arrows above the calendar. If you want navigate the months three months a click then use the double right or left arrows.

Note: Don’t enter a date in the Start Date that is later than that is later than that of the End Date. This results in your System Alert not showing.  

Description - This field is used in all the Alert Types that you could select.

Full Description - The text in this field only shows when you are creating a pop-up Alert Type.

Alert Types

Pop-up -  In this example we have the text that was entered and the result displayed. Shortly after your webpage is loaded this popup will appear.

Here's an image of the inputs that generate the Pop-up System Alert.

This is an image of the results of those inputs. The page around the pop-up is lightened. You’re required to click the x in the upper righthand corner of the pop-up or click outside the popup in order to continue viewing the site.

Scroller - In this example we’ll do a Scroller of the color green.  Below you can see the text that was entered to generate the Scroller. You may have noticed that the  Full Description doesn’t show in the scroller. The reason for this is that there’s no need for that in this Alert Type.

Image of the inputs that generate the Scroller System Alert.

This is the result of those inputs. The text moves from left to right across the screen. It spans the  width of the screen at the top of your webpage.

Static - In this example we’ll be using a Static Alert Type of the color red.  

Image of the inputs that generate the Static System Alert.




Here is the result of those inputs. The height of static is  slightly larger and the text is converted to be all uppercase. As did the  Scroller System Alert the Static System Alert spans the whole width of the top of the screen.


That's about all there is to making system alerts for your website. Let us know if you have any questions or ideas for alert types you'd like to see implemented for your module!