Subheading
Subheading text
Snippets are a type of reusable content that insert predefined content into a page
while editing. Select a snippet by clicking the Insert Snippet tool 
from the WYSIWYG toolbar above. More info about snippets.
Below is a list of all the available snippets and a preview of how they look. You can edit this page to see how the snippets appear in the WYSIWYG editor of OU Campus. Use the anchor links below to quickly navigate to each snippet preview.
We have two Accordion snippets: Color-block Accordion and Accordion.
Accordion headings are H2; panel headings are H3. Largest heading that can be used in Content block is H4.
Text, images, tables, and other snippets such as Tabs can be inserted into the Content Field of each accordion panel.
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
You can enter content freely. for an accordion panel.
Table inside Panel 3 Content Field
| Heading 1 | Heading 2 | Heading 3 |
| Content 1 | Content 2 | Content 3 |
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
This snippet can be used to add body copy and images. It also allows a user to change the background color of the snippet section.
A user might choose to use this snippet to add text rather than adding text directly into the editable region if the spacing between adjacent snippets is too narrow.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non suscipit sapien, non pretium metus. Duis in pharetra augue, id pharetra odio. Donec eget tortor molestie, ultricies neque sit amet, porta diam. Nunc sollicitudin nunc nec risus molestie placerat. Donec pretium fringilla augue. Sed non eros ac enim tincidunt convallis at id justo.
This snippet highlights a quote with either an image or motion graphic next to it. It also allows a user to change the background color of the snippet section.
This snippet has no H2. The quote itself is H3.
Image dimensions: 555x444; include descriptive alt text. If using a motion graphic video, you must include a video title for accessibility in the box below.
Optional link can be added below quote.
Degree in Subject, '23
link
Title/Position
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
Heading
You can enter content freely for an accordion panel.
Title/Position
Insert Accordion Snippet and include courses taught, professional achievements, media links, published works, contact info, etc.
(Pronouns without parentheses)
Title/Position
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
Heading
You can enter content freely for an accordion panel.
Title/Position
Insert Accordion Snippet and include courses taught, professional achievements, media links, published works, contact info, etc.
Used to callout items containing headline, sub copy.
This snippet has no H2. The column headings are H3. This snippet has a white background and is not designed to be included in colored snippets.
1 to 9 faculty-to-student ratio, and an average class size of 10.
Our programs are designed to give you real results, right away.
Contact us at giving@webster.edu.
Callout items containing headline, sub copy, link. Items can be stacked in rows of three. Can control color background of card.
This snippet has no H2. The card headings are H3.
Callout items containing headline and link. Can customize background with image.
Heading is H2.
Image dimensions: 360x360.
Editable title, heading, and body content in left column. Right column contains graphic element to support left column copy. This snippet assumes the color scheme of its containing snippet (if embedded).
Heading is H2.
Image dimentions: 175x175; include descriptive alt text. Image aligns with highest element (Title, if that is being used)
Webster University continues to move up the ranks on the U.S. News & World Report’s “Best Colleges” report, now listed as 15th in Midwest Regional Universities, representing an 18-place rise since 2009. In the same category, Webster was ranked first in St. Louis and second in the state of all Missouri institutions.
Editable title and header (H2). Supporting image or motion graphic in left column. Editable content heading (H3) and body content in right column. Optional supporting links displayed below. Ablility to change background color of section; interior content card retains white background.
Image dimensions: 555x444; include descriptive alt text. If using a motion graphic video, you must include a video title for accessibility in the box below.
Strive to keep links in multiples of 3.
Webster University offers programs for students and professionals alike. Undergraduate programs help students earn their four-year degree.
For professionals and students interested in master-level courses, the Walker School offers graduate programs ranging from certificates to a doctoral.
This snippet includes heading, body content and links in one column with either an image or motion graphic next to it. It also allows a user to change the background color of the snippet section.
This snippet has no H2. The heading is H3.
Image dimensions: 555x444; include descriptive alt text. If using a motion graphic video, you must include a video title for accessibility in the box below.
Greatest Worldwide Reach
Understanding how cultures and customs are integrated into business, politics and society creates a great foundation for many professionals and students.
Title, heading, and body content in left column. Stats callout in right column with editable stat field and text with optional link. This snippet can be embedded in another snippet and will inherit its color scheme; do not use with primary color scheme.
Heading is H2.
You are the foundation for the success of Webster University students. Your donation may establish an annual or endowed scholarship, or may be designated to a specific School or College, Athletics or Student Life. No matter what area you choose to support, you can feel confident that you are making an impact on Webster students.
Webster is a strong global network of passionate faculty, staff, students and alumni who forge powerful bonds with each other- and within communities around the world. As a truly international university, we provide uniquely global experiences to prepare for local and global leadership.
Walker Global Hybrid Courses provide students with a unique international experience through a focused online course plus a 1-week international trip to locations such as Brazil, China and Greece.
This snippet has no H2. The card titles are H3.
Image dimension ratio: 4x5; include descriptive alt text.
Note: on mobile, card images and copy are hidden; cards appear as carousel.
Ranked first nationally for graduate degrees conferred to African American students
Ranked first nationally for graduate degrees conferred to African American students
Ranked first nationally for graduate degrees conferred to African American students
Ranked first nationally for graduate degrees conferred to African American students
Our world-wide network offers quality, convenience and access to learning. Read more about the comprehensive array of services Webster University offers its students
Note: on mobile, subtext is hidden.
We have two Tab snippets: Color-block Tabs and Tabs.
This snippet has no inherent heading levels.
Text, images, tables and other snippets such as Accordions can be inserted into the Content Field of each tab panel.
Tab 1 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.
Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis occaecat ex.
Tab 2 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.
Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis occaecat ex.
Tab 3 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.
Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis occaecat ex.
Tab 1 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat. Amet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.
Exercitation mollit sit culpa nisi culpa non adipisicing reprehenderit do dolore. Duis reprehenderit occaecat anim ullamco ad duis occaecat ex.
Tab 2 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Tab 3 Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.
Section snippet with heading (H2), optional pre-video and post-video content, video link (use embed version) with required video title tag, and required descriptive transcript.
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
Include text here.
Formatting works, but should follow general accessibility guidelines.
Ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
