Announcements

There are two kinds of announcements:

  1. Site wide announcements
  2. Page specific announcements

Site wide announcements

Site wide announcements are announcements that show up on all pages of the site. These should be used mainly for major public announcements such as messages related to site maintenance or upcoming events or changes. There can only be one site wide announcement active at a time.

To activate a site wide announcement
Go to Settings > Design > Announcement Bar and enable the Announcement Bar.

Page specific announcements

Page specific announcements are shown on specific pages and do not extend beyond that page. Page specific announcements can be placed anywhere on the page but are generally placed above the main content but below the header. Examples below:

Account Status

You closed your account on Nov 29, 2013 07:00 pm

Account Status

All good!

Account Status

Something terrible happened.

Announcements are categorized into three types:

  1. Info: just provides information related to a performed action. This is what we will use most often.
  2. Success: indicates that an action processed successfully or that there are no account-related issues. 
  3. Error/Warning: indicates that an action failed completely. If the message is related to an account status then the campaigns will definitely not send. 

To add a page specific announcement
Use a CODE block and customize the text within the Announcement. The code to be added is as follows:

<div class="announcement info">
    <div class="announcement-media">
        <span class="fa fa-info"></span>
    </div>
    <div class="announcement-body">
        <h4>Account Status</h4>
        <p>You closed your account on Nov 29, 2013 07:00 pm</p>
    </div>
</div>  

<div class="announcement success">
    <div class="announcement-media">
        <span class="fa fa-check"></span>                       
    </div>
    <div class="announcement-body">
        <h4>Account Status</h4>
        <p>All good!</p>
    </div>
</div>  

<div class="announcement error">
    <div class="announcement-media">
        <span class="fa fa-exclamation"></span>
    </div>
    <div class="announcement-body">
        <h4>Account Status</h4>
        <p>Something terrible happened.</p>
    </div>
</div>