How to Create a Page

Each page is made up of three sections:

• Header
• Body
• Footer

You only need to add content to the Header and Body. The Footer is automatically included.

Before adding content, decide what kind of page you’re creating:

Landing Page: A top-level page that introduces a department, program, or major topic.

• Provides a high-level overview
• Serves as a starting point for users

General Page: A supporting page that provides detailed or specific information.

• Focused on a single topic or task
• More text-driven and informational
• Lives within a section under a landing page

The Hero section is your page’s heading area, so it sets the tone for the entire page. Choose the option that best matches your page type:

Different Types of Hero Sections

• Landing Hero Section: Full-width featured image across the screen
• General Hero Section: Smaller image beside the page heading
• Text Hero Section: Text-only header (no image)

---

How to Insert a Hero

1. Click Add Content.
2. Use the Filter feature and type “Hero.” This will display all available Hero options.
3. Click on the name of the Hero you would like to add.
4. Complete the required fields, such as the title, image, description depending on the selected Hero type.
5. Save your changes to submit the content to the Web Content Editors’ queue for approval. If you are still working on the content, select Save as Draft instead.

How to Insert an Image

1. Upload your image to the Media Library. Learn more about how to upload images to the Media Library.
2. When entering Hero Details, click Select Media to open the Media Library.
3. Then choose the image you previously uploaded from the Media Library. 

The body is where your main content is displayed.

Main content types may include:

• WYSIWYG and Menu (“What You See Is What You Get”) for standard text content
  • Recommended for Level 3 pages and below
• Body Section for general content and descriptions
• Expandable Component to organize additional details while keeping the page clean
• Contact Us Component for user inquiries and contact information

The Callout Block can be enabled within most content types to highlight important links or key information. It is usually found at the bottom of the content type editing screen when editing a specific content type.

Content types to promote and enhance visual engagement:

• Checkerboard for alternating text and image layouts
• Cards for organizing content into structured, clickable sections
• Gallery to display images
• Promotion to highlight important features or announcements
• Featured News or Event to showcase recent updates and upcoming activities
• Differentiator section to display statistical features

Note: Some content types are page-specific (e.g., Events, News) and only display on certain page types. Learn more about How to Create Events and How to Create News pages in the dedicated guides.  

There are many other design options available, all of which can be found in the Component Library under recurring content types. Choose content types based on your content needs.

---

Usually within the Body Content, headings are used to separate different topics, similar to chapters in a book. They help organize information, improve readability, and make content easier for users to scan and navigate.

Proper heading structure also supports accessibility by helping screen readers understand the organization of the page. When formatting headings, start with Heading 2, as Heading 1 is automatically pulled from your Hero section. Read about Heading accessibility.

How to Add a Heading: 

1. Type the text you want to use as a heading.
2. Highlight the text.
3. In the toolbar, select the Format dropdown menu.
4. Choose the appropriate heading level:
   • Heading 2 for major sections
   • Heading 3 for subsections
   • Heading 4 for smaller nested sections 

---

Within content types, links and tables are often used to help tell a story, organize information, or provide additional details. The sections below explain how to add links, tables, images, or document to your content.

How to Add Links

1. Type and highlight the words you would like to link. 
2. Click Insert in the toolbar.
3. Choose the type of link you would like to add: 
   • A document or file
   • An image or media asset 
   • An internal or external website

Links must be descriptive about what they are linking to and cannot use generic text such as “Read More” or “Click Here.” Learn About Link Accessibility.

Styling Links as Buttons

Links can also be styled as buttons.

To do this, highlight the linked text with your cursor, then navigate to Format in the toolbar and select Custom Format > Button.

A Button's end result will look like this: 

Accessibility Guidance

 

How to Add Tables

Navigate to the Table option on the toolbar and

1. Choose your desired table type:

• Table with column headings
  • Headings are only at the top
  • Suitable for listing information where each row is a separate item, such as name, ages, contact details. 
• Table with column and row headings
  • Headings are at the top and on the side
  • Suitable for comparing information across categories, such as schedules, test scores, timetables, or data comparisons.

2. Choose the desired number of rows.

If you later decide that you need more rows or columns, or even, need to remove a column or row, you can add them one row or column at a time using these buttons.

3. Add a caption and summary (if needed for accessibility)

• Caption: Briefly describes what the table is about.
• Summary: Provides additional context or explains the purpose of the table (use only when necessary).

Only include a caption or summary when it improves understanding or accessibility.

You can add a caption and summary by hovering over the table and selecting the second button from the left.

 

How to Add Images to the Body Section:

1. Upload your image to the Media Library
2. Click Insert → Insert File Link or Image.
3. The Select Media window will appear. Navigate to the appropriate folder and locate the image you previously uploaded to the Media Library.
4. Click the image to add it to the body section.

Image Layout

Images can also be aligned to the left or right side of the text, displayed at full width, or wrapped within the text to improve page layout and readability.

To format an image layout:

1. From the Description toolbar, click Insert → Insert File Link or Image.
2. In the Select Media window, locate the image you want to add to your page.
3. Click the Actions button, then select Select with Layout.
4. Choose how you would like the image to appear on the page, such as aligned to the left or right of the text, displayed at full width, or wrapped within the text.

If you want to reuse content across multiple pages:

• Click Actions on the component
• Select Mirror/Duplicate
• Choose the destination page

Mirror (for identical, synced content)

• Best for content that should stay the same everywhere (e.g., hours, contact info)
• Updates automatically across all mirrored instances when the original is changed

Duplicate (for similar, editable content)

• Creates a copy of the original content
• Allows you to modify the copy independently
• Best for pages that share structure but need different details
• Changes made to one duplicate do not affect others