Widget Library

Accordions let you tuck longer content behind a short, clickable heading, so visitors can scan the page and open only the parts they need. They work well for FAQs, requirements lists, step-by-step instructions, and any content that's useful but not essential for everyone. The text inside an accordion is still part of the page, so search engines and screen readers can read it even when it's collapsed. Keep your headings short and specific, and don't hide anything critical, like a deadline or a call to action, where a visitor might miss it.

The Body Content widget is the workhorse of most pages. It's the open text area where you write headings, paragraphs, lists, and links, and it's where most of your page's actual information lives. Because it's the widget visitors read most, it's also where good habits matter most. Write in plain language, lead with what the reader needs, and use headings to break up the text so people can scan it. Build your structure here first, then reach for other widgets only when the content calls for something more specific.

Body Content: when to use

• You're writing the main explanation, description, or instructions for a page.
• The content is mostly paragraphs, with the occasional list or link.
• You want search engines and screen readers to get the clearest, most direct read of your content.

Body Content: when not to use

• You're listing repeatable items, like programs, people, or events. A purpose-built widget keeps the layout consistent.
• You're tempted to style text with bold, color, or size to fake a design element. Use a widget built for it.

• You're pasting in content from Word or a PDF. Paste as plain text first so hidden formatting doesn't carry over.

   

The Quote widget sets a student, alum, faculty, or staff voice apart from the surrounding text, so it stands out on the page. A good quote adds something the page can't say on its own: a real person describing what it felt like, what changed, or why it mattered. Use it to add personality and proof, not to repeat what the paragraph above already said.

What goes in each field

• Admin title: A label for you and other editors, such as "Quote: Maria, Nursing '24." Visitors never see it, but a clear name makes the page easier to manage.
• Quote (required): The words themselves. Keep it short enough to read at a glance, and don't add the opening quotation mark.
• Author Name: Who said it, with a relevant detail like class year, program, or title. This field holds up to 130 characters, so "Maria Lopez, Nursing '24" fits easily.

The Callout Bar with Image is a highlighted band that pulls attention to a short headline and a small set of links. Use it to point visitors toward the next step, like applying, visiting, or requesting information. It works best when it's short and focused on one purpose, so the visitor knows exactly what to do next. Keep the title brief (it's capped at 30 characters) and make each link say where it goes.

What goes in each field

• Admin title: A label for editors only, such as "Callout: Apply now." Visitors never see it.
• Title: The headline on the bar. It holds up to 30 characters, so aim for a short, action-oriented phrase.
• Link List (required): The links shown in the bar. Select Add Link List Icon Item for each link you want. You must add at least one.
• URL: Where the link goes. Start typing a page title to search for an internal page, or paste a full address for an external one. Link to internal pages by searching for them, so the link survives if the page's address ever changes.
• Link text: The words visitors click. Make them descriptive, such as "Start your application," never "Click here" or "Learn more" on their own.
• Attributes (Target, Rel, Class): Advanced link settings.

A Card Group displays a set of short, parallel items side by side, each with its own title, a few lines of text, and a link. Use it when visitors are choosing among several options, like programs, resources, or next steps. Keep each card brief and make the titles easy to scan.

What goes in each field

• Admin title: A label for editors only. Visitors never see it.
• Title: The headline above the group. The suggested limit is 30 characters.
• Body: An optional introduction to the group, capped at 155 characters. One short sentence works best.
• Cards: Select Add Card Item (Simple) for each card. Every card has a Card Title, a Card Body, and a Card Link. For the link, start typing a page title and pick the page from the list.

Flip Cards show a short prompt on the front and reveal more detail on the back when a visitor selects the card. They work well for quick facts, myth-and-answer pairs, or "did you know" highlights. Keep the front to a few words that make people curious, and put the explanation on the back. Because the back stays hidden until someone interacts with it, don't put anything essential there.

What goes in each field

• Admin title: A label for editors only. Visitors never see it.
• Title: The headline above the group. The suggested limit is 60 characters.
• Background Image: An optional image behind the group. Open the section and check the help icon for sizing guidance. Choose an image that doesn't compete with the card text.
• Body: An optional introduction to the group, with a suggested limit of 200 characters.
• Flip Cards (required): Select Add Flip Card Item for each card.
  • Front Content (required): What visitors see first. The limit is 75 characters, so aim for a short phrase or a stat.
  • Back Content (required): What appears after the flip. The suggested limit is 500 characters, and it supports basic formatting like lists and links.

The Link List widget gathers a set of related links under one headline, with an optional short introduction. It's the cleanest way to give visitors a group of destinations, like related resources, forms, or program pages, without burying links in a paragraph. Link text matters most here, because visitors often scan only the links. Make each one descriptive on its own.

What goes in each field

• Admin title: A label for editors only. Visitors never see it.
• Title: The headline above the list. The suggested limit is 30 characters.
• Body: An optional introduction. Use one or two sentences to explain what the links have in common.
• Links: Add one entry per link.
  • URL: Start typing a page title to search for an internal page, or paste a full address for an external one.
  • Link text: The words visitors click. Be specific: "Financial aid deadlines," not "Click here."
  • Attributes: Advanced settings. Leave them at their defaults unless a supervisor says otherwise.

Two Column Quick Links arranges a short set of links in two side-by-side columns, which makes them quick to scan. You'll see it on audience landing pages like Current Students, where visitors are looking for the handful of destinations they use most. Pick the links people reach for most often, order them with the most important first, and keep the link text short.

What goes in each field

• Admin title: A label for editors only. Visitors never see it.
• Title: The headline above the links.
• Links: One entry per link, up to eight in total. Select Add another item to add more.
  • URL: Start typing a page title to search for an internal page, or paste a full address for an external one.
  • Link text: The words visitors click. Be specific and brief, like "Course registration" rather than "Click here."
  • Attributes: Advanced settings. Leave them at their defaults unless a supervisor says otherwise.