Skip navigation links

XMC Component Guide

There are many components available for use within Sitecore XM Cloud, with more on the way. Most of these components offer several variants, increasing the ability to create flexible web page designs without custom development work. 

Note: Components listed in the Component menu panel will vary depending on the page layout and actively selected page element. 

See the component-specific pages linked below for information related to usage guidelines, benefits, tips and tricks, and step-by-step instructions for using components.

Structural Components

Column Splitter

Divide rich text component cells into columns.

View in User Guide

Grid Container

A grid container with 11 variants for varying full width page designs.

Learn more

Image Fact Grid

Display facts and pride points with an image background.

Learn more

Mixed Content

Combine image or video, text, a headline and call to action in full bleed or a grid (one, two or three column variant) container.

Learn more

Row Splitter

Divide rich text component cells into rows.

View in User Guide

Text Fact Grid

A text-based grid for displaying facts and pride points.

Learn more

Two-Thirds Sublayout

Create a two-column section layout within a one-column page.

Learn more

Header Components

Brand Bar

Share audience and CTA links above the masthead.

Learn more

Hero Banner

Add an image to the top of a web page.

Learn more

Masthead

The masthead includes MSU branding.

Learn more

Navigation Components

Breadcrumb

Breadcrumbs display path links at the top of a page.

Learn more

Contextual Navigation

Contextual navigation in a right sidebar is generated by the system.

Learn more

Curated Navigation

Curated navigation in a right sidebar is sticky, manually designed and can include a CTA button.

Learn more

Main Navigation

Main navigation appears across the top of the website and can include drop-down (mega nav) and CTA spaces.

Learn more

Footer Components

Legal Footer

The legal footer is required on all pages and cannot be edited.

Learn more

Main Footer

The main footer is optional and can be modified, as needed.

Learn more

Content Components

Grid Components

The following components can be placed in grid containers (Grid Container, Image Fact Grid and Text Fact Grid and, in some cases, the Aside). The specific available components will vary depending on the placement container and cell size.

Box CTA

A text-only call to action with a link.

Learn more

Grid Ad

Combine text, a background image and a call-to-action button link.

Learn more

Image

Embed an image with no overlaying text.

Learn more

Fact (Grid)

Concise text and numbers to call out pride points.

Learn more

Mixed Content

Share text, image or video and CTA in mixed content containers.

Learn more

Rich Text

Use traditional rich text content in a grid cell.

Learn more

Social Share

Promote social media accounts to potential followers.

Learn more

Video Player

Embed a video (native or YouTube) within a grid.

Learn more

Information-Focused

Accordion

Share a variety of content and components in collapsing panels.

Learn more

Alert

Emergency alert banners are controlled by University Communications and Marketing.

Learn more

Aside

Share images and/or text related to main content in a right-side column. 

Learn more

Info Panel

Share a callout to announce important information anywhere on a webpage. 

Learn more

Rich Text

Use traditional rich text content in a grid cell.

Learn more

Page Title

A page title (H1) can be used on pages without a hero banner.

Learn more

Promo Bar

Call out important information at the top of a page. 

Learn more

Quote Box

A quote can include optional image and author details.

Learn more

Side Tabs

Share a variety of content and components in tabbed vertical panels.

Learn more

Subheading

Add H2-H6 subheading text to support readability, accessibility and SEO.

Learn more

Tabs

Share a variety of content and components in tabbed horizontal panels.

Learn more

Text CTAs

Share up to three text-based calls to action on a page.

Learn more

Media-Focused

Carousel

Create a photo slideshow with a variety of layouts.

Learn more

Image

Embed an image with no overlaying text.

Learn more

Video Player

Embed a video (native or YouTube) within a grid.

Learn more

Wide Flexbox

Embed an image with edge-to-edge (or full bleed) page display.

Learn more

Related Information

Create a Page

Add a blank page to a website and adjust the name.

Learn more

Page Layouts

Explore different page templates and layout tools.

Learn more

Add and Delete Components

Components are the building blocks of page content.

Learn more