WYSIWYG

WYSIWYG stands for “what you see is what you get.” The WYSIWYG component allows you to include a range of page elements—including headlines, body text, bulleted and numbered lists, CTA links and buttons, quotes, tables, multi-column text layouts, and media such as images and videos—in one custom block that allows you to preview the styles as you write.

Return to Start Page

Parameters

Minimum Recommended Fields

Headline
Body Copy

Recommended Character Limits

Headline: Maximum of 35 characters

Text Formatting Allowed

Headline: Unformatted text
Body Copy: Full WYSIWYG text and media formatting

Where You Can Use It

All pages except for listing pages like the Majors & Programs page.

Use Cases

A WYSIWYG component is best used to display a limited amount of primarily text-based content that you don't want to be concealed behind something like an Accordion. Images and videos can be included, but if you want to insert multiple visual elements, consider using a more structured component like a Card Grid instead.

This component includes styling for tables and for quotes, so it is also a good choice for this type of content.

WYSIWYG Headline 35 Characters

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

H6: left aligned

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

Headline

Stat Lorem Ipsum Dolar Sit Amet
Stat Lorem Ipsum Dolar Sit Amet
Stat Lorem Ipsum Dolar Sit Amet

Caption lorem ipsum

H6: left aligned

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Sed do eiusmod tempor

H6: left aligned

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Sed do eiusmod tempor

Caption lorem ipsum

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

Name Surname
Supporting Information

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

Name Surname
Supporting Information

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

Name Surname
Supporting Information

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

Name Surname
Supporting Information

Optional Table Caption
Column	Column	Column	Column	Column
Row	Input	Input	Input	Input
Row	Input	Input	Input	Input
Row	Input	Input	Input	Input
Row	Input	Input	Input	Input
Row	Input	Input	Input	Input