Skip navigation links

The Footer component collectively refers to a folder containing multiple dependent sections. The Footer contains commonly requested links and general site information that visitors expect to find on any website. The Footer component displays at the bottom of every page (apart from headless pages), above the Legal Footer. The Footer can be modified and customized to some extent.

The Footer is also referred to as the “mega footer.”

msu-home-footer-example
Figure 1: Example of a Footer component.

 

Component Information

Benefits

  • Display general site-specific and general MSU information on every webpage (with possible exceptions on headless landing pages).
  • Provide quick links to enable visitors to find information they may be seeking.

Template Data

Each Contact Us item consists of the fields below. By default, the following subsections are created in new tenant sites: phone, address, issues.

Title (single-line text)

  • Displays above the text description in green text
  • Required field

Description (multi-line text)

  • Short text, may be one line or multiple lines

Link (general link)

  • Create a link so that the Title is a clickable destination
  • Optional

Display As Button (checkbox)

  • Display link as a button instead of a text link
  • Optional

Frequently Asked Questions

Footer layout can be modified by changing content or by omitting content in the four main sections.

Instructions for Use

In Content Editor:

  1. Navigate to Content > MSU > sitename > Data > Footer.
  2. Expand Footer folder to see the four main Footer sections.
Important: Do not delete any main Footer section. Deletion of content within a Footer section is permitted.
  1. Expand Footer Contacts in content tree.
  2. Add new Contact item:
    1. Right click Footer Contacts in tree.
    2. Select Insert > Contact Item.
    3. Give it a unique name and click OK.
      1. Name is not displayed anywhere. This is for internal use only.
    4. In the right pane (main content area), fill in the title and description.
      1. Title displays as white text.
      2. Description displays as medium green bolded text.
    5. Optional: Convert description to a text link by clicking the appropriate option (e.g., Insert Link for internal links or Insert External Link for external links).
      1. Adding a link turns the description into a clickable/tappable link.
      2. Phone can be made a link by using this URL format: tel:5179999999
    6. “Display As Button” (checkbox):
      1. Check this box to change a text link into a button link.
      2. The value in the Description field is used as the button label.
    7. Click Save.
  3. Change existing Contact item:
    1. Click the Contact item in content tree.
    2. Change title — this is a required field.
      1. Exception: Issues and Statements item has a blank title, where included.
    3. Change Description
      1. Can be one line or multiple lines
      2. Cannot be styled
      3. Optional
    4. Change link by clicking a link type. Do not change the link text.
      1. Insert DAM link — select asset from DAM dialog box.
      2. Insert link — select internal page from dialog box tree.
      3. Insert media link — select asset from Media Library tree.
      4. Insert external link — change description (link text) or fully specified URL, or Target Window.
        1. Active Browser — open link in same browser tab
        2. New Browser — open link in new browser tab, usually reserved for PDFs and other static files
      5. Clear — remove the link; Contact text content remains unchanged
    5. Check Display as Button to display link as a button instead of a text link.
    6. Click Save.
  4. Delete (remove) an existing Contact item:
    1. Select Contact item in the content tree.
    2. Right-click the item and select Delete (red X).
    3. Click Save.
    4. Note: Deleted items in the Recycle Bin can be restored to the site.
  5. Save and publish Footer Contacts.
  1. Expand Footer CTA in content tree.
  2. To display “Know More” and “MI Transparency” links and images:
    1. Check Show CTA in Footer?
  3. To hide “Know More” and “MI Transparency” links and images:
    1. Uncheck Show CTA in Footer?
  4. Save and publish Footer CTA.
  1. Expand Footer Links in content tree.
  2. Add new column:
    1. Right click Footer Links in tree. 
    2. Select Insert > Footer Links Column.
    3. Give it a unique name and click OK.
    4. If more than three columns are created, only the top three columns in the tree are displayed.
  3. Add new category:
    1. Right-click Footer Links Column in tree.
    2. Select Insert > Footer Links Category.
    3. Give it a unique name and click OK. Name is not displayed.
  4. Add new Link:
    1. Right-click Footer Contacts in tree. 
    2. Select Insert > Footer Link.
    3. Give it a unique name and click OK. Name is not displayed. It is for internal use only.
    4. In the right pane (main content area), fill in the title and description.
    5. Optional: add a link by clicking the appropriate option (e.g., Insert Link for internal links or Insert External Link for external links).
    6. Adding a link turns the description into a clickable link.
    7. To have an item display as a button, select the Display As Button checkbox. The value in Description field is used as the button label.
  5. Change existing column, category or link:
    1. Locate the item in the tree and select it by clicking on it.
    2. Make necessary changes. See Add instructions, above, for explanation of fields and options.
    3. Click Save.
  6. Delete/remove existing column, category or link:
    1. Locate the item in the tree and select it by clicking on it.
    2. Right-click the item and click Delete (red X). The item is moved to Recycle Bin.
    3. Click Save.
    4. Note: Deleted items in the Recycle Bin can be restored to the site.
  7. Save and publish Footer Links.
  1. Expand Footer Social Media in content tree.
  2. To change Follow Us text:
    1. Select Follow Us in tree.
    2. In the right pane (main content area), change the title to some other text.
  3. Add new Social Media item:
    1. Right-click Follow Us in tree.
    2. Select Insert > Social Media Link.
    3. Give it a unique name and click OK. Name is not displayed. It is for internal use only.
    4. Icon: In the right pane (main content area), select an icon from drop-down list.
    5. Link: Click a link type:
      • Insert DAM link — Select asset from DAM dialog box.
      • Insert link — Select page from dialog box tree.
      • Insert media link — Select asset from Media Library tree.
      • Insert external link — Change description (link text), fully specified URL or Target Window.
        • Active Browser — Open link in same browser tab.
        • New Browser — Open link in new browser tab. This is usually reserved for PDFs and other static files.
  4. Change existing Social Media item:
    1. Locate the item in the tree and select it by clicking on it.
    2. Icon: Change as needed by selecting from the drop-down.
    3. Change link by clicking a link type. Do not change the link text.
      • Insert DAM link — Select asset from DAM dialog box.
      • Insert link — Select internal page from dialog box tree.
      • Insert media link — Select asset from Media Library tree.
      • Insert external link — Change description (link text), fully specified URL or Target Window.
        • Active Browser — Open link in same browser tab.
        • New Browser — Open link in new browser tab. This is usually reserved for PDFs and other static files.
      • Clear — Remove the link. Contact text content remains unchanged.
    4. Link is required. If cleared, add a new link by selecting a link type.
  5. Delete to remove an existing Social Media item:
    1. Locate the item in the tree and select it by clicking on it.
    2. Right-click the item and click Delete (red X icon). The item is moved to Recycle Bin.
    3. Note: Deleted items in the Recycle Bin can be restored to the site.
    4. Click Save.
  6. Save and publish Footer Social Media

 

footer-showing-sections
Figure 2: Footer sections are marked in red. Sections, clockwise from top left, include: Footer Links; Footer Contacts; Footer CTA; Footer Social Media

 

provost-footer-example
Figure 3: The Footer with the Footer CTA section removed.

 

ispm-footer-example
Figure 4: The Footer with the Footer CTA and Footer Social Media sections removed.

Tool Use Guide

 

 PagesExplorerContent Editor
Add/remove columns  Optimal
Add/remove/edit links  Optimal
Add/remove social media  Optimal
Add/remove call to action  Optimal

 

Documentation updated: Aug. 19, 2024