Learn how to configure the budget badge, create floating badges, create URL redirects and custom links, set favicon, and more

System Settings

The System area of the configuration menu provides customization options for each website. These are general functions that aren't tied to a specific module. 



Budget Badge



The Budget Badge is built into every Foxbright provided website. Public Act 413 of 2004 (Enrolled House Bill 5475) requires each intermediate school district (ISD) to post certain information on its website by December 31 of each year. Foxbright's  'Budget Badge' will link website users to the appropriate pages for transparency documents and school data.

Configuring the Budget Badge

  1. From the Foxbright CMS admin panel, click the Configuration menu tab and choose System>Budget Badge.
  2. Show or Hide: Businesses and organizations can hide the badge if they aren't required to display transparency information, or if a district is providing an alternate method of displaying transparency information. 
  3. Opened or Closed: Districts required to display transparency information should leave the badge open. If a visitor closes the badge, the badge will remain closed on subsequent visits. 
  4. URLs: Fields will be displayed to update the URL for the Transparency link and School Data link. When linking to an internal page, click the icon next to the URL field to select a page within the site.
  5. Target: The target for each link can also be changed. For external links it is recommended to choose 'New Window', when linking to internal pages it is recommended to choose 'Same Window'.

MI School Data

To obtain the MI School Data link for a district, follow these steps:
  1. Visit the MI School Data website
  2. Use the search bar to search for a district or school.
  3. Click the share button to get a short url pointing to the specific School Data report. This url can be added to the budget badge settings.

Floating Badges

Floating badges are graphics that float on assigned pages which can be linked to a resource. 

Managing Floating Badges

In the Configuration menu, visiting System>Floating Badges will display the list of floating badges. 
  1. Reorder: Existing badges can be reordered by dragging and dropping items in this list. If multiple badges are displayed on a page, this order will determine the order they are displayed.
  2. Add: The Add Floating Badge button will open the form to create a new floating badge. 
  3. Delete: Click the trash can next to a floating badge to delete an existing badge. 

Adding a Floating Badges

Click the Add Floating Badge button from the Floating Badge list to add a new badge. A form will be displayed to add information for the floating badge. 
  1. Information: The badge title is not shown publicly and is used to find the badge from the floating badge list. The Unique ID is automatically created by the CMS.
  2. Badge Image: The image that is displayed when the badge is open on a page. The image displays at full size and should not be too large. 
  3. Closer Image: The image that is displayed when the badge is closed. For best results use a small square icon with no text as it is displayed in a 30x30px circle. 
  4. Link: Provide a link for a visitor that clicks the badge. Click the icon next to the link field to choose an internal page or file. External links are recommended to open in a new window. Use the Link Text area to describe the destination of the link, this field is required for ADA Compliance.
  5. Display: Choose whether the badge should be displayed and on which pages. By default, badges are displayed on the website home page. Additional pages can be selected or 'Show on All Pages' can be selected.
  6. Save: Click the save button to add or update the badge.

File Settings

The file settings provide settings related to files used in the CMS. Currently this area is limited but may have additional settings added in the future.

Adding a Favicon

A Favicon is the small graphic displayed in a browser tab when viewing a website. A Favicon should be a small square graphic. Recommended favicon size is 32x32px. Depending on the graphic, transparent backgrounds may be preferred.
  1. Upload a favicon image into a file folder on the site.
  2. Visit Configuration>System>File Settings to update a website's favicon. 
  3. Click the icon next to the favicon path field to open the file selector and choose the new favicon image. 

Ready to Publish Emails

Ready to Publish Emails allows adding Web Administrator emails to receive Ready to Publish notifications when users mark a page as Ready to Publish. 
By default, Content Publishers with permission to a page will receive Ready to Publish notifications whenever Content Editors mark the page as ready. Web administrator accounts do not receive these notifications. Email addresses can be added in the Ready to Publish Emails settings for Web Administrators that should receive these notifications. 

Script Blocks

Script blocks can be used to add code to every page on the site. These can be used to add tracking pixels, or add 3rd party tools such as Facebook Messenger. Script block fields are provided to add code to various portions of the page's source code:
  1. Head Script Block
  2. Body Top Script Block
  3. Body Bottom Script Block

Adding Tracking IDs to All Pages

Web Administrators can add tracking ID's to header, footer, and body tag areas of pages. This is often required for 3rd party ADA compliance reporting, and other analytics software.

  1. Click the Configuration tab.
  2. Navigate to Advanced Settings > Application Settings.
  3. Filter to the Script Block Settings in the category dropdown.
  4. Edit the setting relevant to the area the tracking ID is being added.

Adding Facebook Messenger to a Website

The Facebook Messenger widget can be added to any page on a website, or to all pages of the website by using the script blocks settings available to Web Administrators. This process may work well for other 3rd party contact tools or forms. Please contact support@foxbright.com for additional help. 

Use the Facebook Developers documentation to begin creating a widget through Facebook Messenger.

Adding the Widget to Specific Pages

Once customized, Facebook should provide 2 codes that should go on any page where the widget is to appear. These codes can be added to the same plain text editor block on any page, or added to a shared script via Configuration>System>Shared Scripts. Once a shared script has been created, the script can be placed on any page by adding a Shared Script block and choosing the Script created for the Messenger widget.

Adding the Widget to All Pages

The Script Block Settings allow Foxbright clients to add a code to all pages in their website. Choose the Script Block Settings from Configuration>System>Script Block Settings.
The code should work within either of the body script blocks available. To put the widget at the bottom of the page, use the Body Bottom Script Block field for the main embed code. The shorter code Facebook provides can be added to the Head Script Block field as shown below. Save the Script Block Settings to add the widget to the website.

Shared Scripts

Shared scripts is an area to create a script that can be used in one or more pages. Shared scripts can be created as RAW code (HTML or other code script) or as Rich Text. Updating HTML can be confusing for some users, please contact support@foxbright.com with questions. 

Common uses for shared scripts include:
  1. Social media buttons for the header/footer areas of pages. 
  2. Embedded content that may be used in one or more areas and shouldn't be edited from the pages itself. 
  3. Content that will be displayed in multiple areas that can be managed in one place. If the shared script is displayed on multiple pages, they will all be updated when the shared script is edited. Shared scripts allow web administrators to setup content that pulls from a script, that other content managers don't have access to edit. 
Once a shared script has been created, it can be added to a page by adding a 'Shared Script' block type and selecting the shared script. 

Size Categories

Size Categories must be set up for the website to make use of the image resize/crop feature. Size categories can be assigned to photo galleries, spotlight groups, news feeds and profile photos. Only web administrators are able to create size categories. The CMS provides various default size categories that can be changed by web administrators. New size categories can be added for additional purposes. Please contact support@foxbright.com for guidance on a good size category to use for a specific purpose.
Once size categories are created, they can be assigned to respective areas they were created for. For example, a size category for spotlights will need to be assigned to any spotlight group that should be using the size category. Multiple size categories can be created, so one spotlight group is able to use a different size category than another. Size categories can also be assigned to individual photo galleries, or news feeds. News feed size categories will ensure images added in a news posts media tab are cropped consistantly.
  1. Once logged into the CMS, click the configuration drop-down and choose system>size categories.
  2. Click the Add Size Category button
  3. Size category fields are as follows:
    • Name (required): Give the size category a name such as “District Home Photo Rotator”, “School Home Photo Rotator” or ‘spotlights’. Adding the actual pixel proportion to the title can be a helpful reminder for users.
    • Description:  Optional, for internal use only.
    • Width:  Width of the photo in pixels
    • Height:  Height of the photos in pixels
    • SortOrder: This will determine the order the list of size categories will be displayed. This can order can be adjusted manually from the size categories list page by clicking the sort button.
  4. Save the Size Category.

URL Redirects

URL Redirects can be created to make a URL point to an existing page, file or even a 3rd party site. The URL will begin with the organizations domain. These can be useful in a variety of circumstances:
  1. Creating a short URL that points to a page deeper within the website that has a longer URL. These short URLS are often used for sharing on promotional resources. 
  2. Ensuring a formerly shared URL continues to work if a page was moved or had its URL changed.
  3. Creating a short link to a file, or even a 3rd party website so that the URL shared by an organization can match the organization's domain. 
Links to a page within the CMS are automatically updated when a page is moved or has it's URL changed, however a URL Redirect can be a pre-caution if the page URL has been shared in marketing or other materials. 
  1. Visit Configuration>System>URL Redirects to view or manage existing redirects.
  2. Click Add URL Redirect button to add a new redirect. 
  3. In the URL field, type the desired URL for the redirect. This would be the text that follows the primary domain. An example of the full URL will be shown below the URL field. 
  4. In the Destination field, click the icon next to the field to select a page from the page tree or choose a file uploaded to the website. Alternatively, an external website can be pasted in the destination field.





    • Related Articles

    • Facilities Settings

      Facilities Under the Configuration menu, the Facilities menu provides settings to manage Districts, Buildings, Departments, and Positions. Managing Districts, Buildings, Departments and Positions The Facilities settings manage Districts, Buildings, ...

    • Integration Settings

      Activating Google Analytics Tracking website traffic using Google Analytics is a great way to see who is coming to a website, how they are getting there, and what they are looking for. A Google account is required to set up Google Analytics. Sign up ...

    • Staff Accounts and Permissions

      Add and Manage Staff/User Accounts Staff directory data is pulled from and maintained in the Staff / Users area of the CMS Control Panel. Only Web Administrators or users with permission to manage the staff directory have access to the Staff / Users ...