Adding a Header Notification Banner

Use the instructions below to add a heading notification banner to your site. Don't forget, you can only have one banner visible at a time.

  1. On the Employee Admin home page, click Home & Master and select Header Notification.

  2. Click Create Header Notification.

  3. On the left side of the screen, add the following information about the header notification:

    1. Label = Enter a label for the notification banner. This notes the type of banner for internal organization. For example, use "Specials" as the label if the text will be regarding a monthly special offer.

    2. Text = Add the copy you want to display on the banner.

    3. Start Date = Set a start date for the banner. Use a MM/DD/YR format. The banner ends at 12:01 AM on the date set. If no start date is set, it will show immediately on the live site.

    4. End Date = Set an end date for the banner. Use a MM/DD/YR format. The banner ends at 11:59 PM on the date set. If no end date is set, it will show indefinitely.

    5. Background Color = Your website's branded color displays by default. Change the hex color in this field to change the background color for just the banner. Changing this won't change any other colors on your website.

    6. Text Color = Your website's text color displays by default. Change the hex color in this field to change the text color used in the banner. Changing this won't change the text color anywhere else on your website.

  4. On the right side of the screen, add the following information to add a call to action button:

    1. Label = This is the text that will show on the live site.

    2. Link = This will include a button which will go to the URL provided

    3. Target = type "_self" if you have chosen an internal page on the website. Type "_blank" if you are choosing an external URL that will open in a new tab.

    4. Class Name = Skip this field.

    5. Active checkbox = This box is selected by default. Make sure it stays selected if you want to turn the banner on.

    6. Background Color = Your website's branded color displays by default. Change the hex color in this field to change the background color for the button. Changing this won't change any other colors on your website.

    7. Text Color = Your website's text color displays by default. Change the hex color in this field to change the text color used in the banner's button. Changing this won't change the text color anywhere else on your website.

  5. Click the green +Create button at the top of the window. The notification banner has been created and will display in the header on your website based on the start date that's been set.

Last updated