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. 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.
   • If your Hero includes an image: 
     • Upload your image to the Media Library. For more information, see the guide on uploading images to the Media Library
     • When entering Hero Details, click Select Media to open the Media Library.
     • Choose the image you previously uploaded from the Media Library. 
5. Save your changes to submit the content to the Web Content Editor's queue for approval. If you are still working on the content, select Save as Draft instead.

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

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 

Note: If you're copying content from another document or website, paste it as plain text (Edit -> Paste as Text) to prevent unwanted formatting from being carried over. This will help maintain consistent styling and heading structure throughout your page.

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 documents to your content.

How to Add Links

1. 1. 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

• Caption: A title that identifies the table and its contents.
• Summary: Provides additional context or explains the purpose of the table. Use only when the table is complex or requires extra explanation to understand its structure or content.

Include a caption or summary when it improves understanding or accessibility. Read more about table accessibility guidelines.

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.

The Callout Block can be enabled within most content types including Body, Expandable, and Process 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.

The Callout Block also allows you to add a button that links to an internal or external page, as well as media. After enabling the Callout Block, you will be prompted to choose whether you would like to include a button.

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

Mirrored content is marked with a symbol. Hovering over the symbol shows the other locations where the content is available. 

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

Key Differences between Duplicate vs Mirror 

Duplicate	Mirror
Creates an independent copy of the content. Changes to one do not affect the other.	Creates a mirrored copy that references the same parent source content. Changes to the source are reflected in all mirrors.
Original Content (Section A) pointing to Duplicated Copy (Section B). Two separate pieces of content. Each can be edited independently.	Source Content (Parent - Section A) pointing Mirror (Section B) and Mirror (Section C). One source, multiple references All mirrors reference the same sources content. Update the source once, and all mirrors update.
Update the duplicate in the duplicated copy (Section B) does not change the original content (Section A)	Update the Source in Section A automatically updates all mirrors in Section B and C
Use Duplicate when you want a new independent copy that can have its own changes.	Use Mirror when you want a referenced copy from one parent source to keep content consistent across multiple sections from one source.