»2-Column Example Page

WYSIWYG

Basic text editor that opens by default when you start editing a page. Stands for "what you see is what you get". This is the easiest way to add text to a page.

Component: 2-Column - Text with CTA

Label with link (optional)Label with link (optional)
Useful for callouts that have an eye-catching visual element i.e. something that represents the program or event being advertised.

Component: By the Numbers

30Number

Subtitle (optional)

95Percent

Subtitle (optional)

5Rank

Subtitle (optional)

Button Text with link
photo of PJ Perez director of marketing at Chapman University
Component: 2 Column - Testimonial
Title of Person Being Featured
"This component is great for showing off alumni and faculty testimonials, accolades, and other notable highlights with a personal touch. Just make sure to format the image correctly!"
Link to blog or other related page (optional)

Component: 2-Column - Image Slider

Photo gallery with short text description and call to action. Click arrows to view next and previous slide.

Title

To crop an image, please visit our Image Dimensions Master List.

Title

To crop an image, please visit our Image Dimensions Master List. 

Component: Accordion

Useful for adding information that does not need to be persistent on the page i.e. FAQs, application requirements, curriculum information


Toggle Section

Header 1

Select "Expand on Load" to have the accordion appear expanded immediately when a user opens the page.

Header 2

By default, accordion blocks will appear collapsed.

Component: Events Feed (2-3 column)

Add any events.chapman URL, filtered for audience, dates, groups or categories, and this will auto-populate with upcoming events using those filters.

Component: Call to Action 3 Up

campus

Photo with Brief CTA

Useful for adding multiple related pages with images and links. Must add three across.

Button Label 1 with link (optional)
Button Label 2 with link (optional)
Button Label 3 with link (optional)
campus

Photo with Brief CTA

Useful for adding multiple related pages with images and links. Must add three across.

Button Label 1 with link (optional)
Button Label 2 with link (optional)
Button Label 3 with link (optional)
campus

Photo with Brief CTA

Useful for adding multiple related pages with images and links. Must add three across.

Button Label 1 with link (optional)
Button Label 2 with link (optional)
Button Label 3 with link (optional)
Pre-header (optional)

Component: Fact Cards

Useful for listing out quick facts i.e. if you have bullet points on your page that are short snippets of information. Pair each quick fact with an icon. Your character is very limited to so you'll have to be clever with your word choices. Fits three across.
100Frontside Stat Title (optional)Frontside Stat Subtitle (optional)

Backside description (optional)

Backside Link Text
48Frontside Stat Title (optional)Frontside Stat Subtitle (optional)

Backside description (optional)

Backside Link Text
20Frontside Stat Title (optional)Frontside Stat Subtitle (optional)

Backside description (optional)

Backside Link Text
Button Text with link (optional)

» Component: Form Embed

Use this to add a Formstack form or embedded video to a webpage. Copy the embed code from the form and select "Exernal JavaScript Embed or iFrame Block" under Block Type.

Component: Left Column - Callout

Used for calling out important, persistent information (things that are unlikely to change with time) i.e. contact information, office location, recurring deadlines

Left Column - Profile Card
Professor
Name of Person (optional)
Department of Person (optional)
Phone Number (optional)
This component can be used to highlight one specific contact person for a program or department. Requires an image.

 

Left Column - Contact Card

Phone: 714-628-2658
Email: digitalmarketing@chapman.edu
Hours: Always

This component can be used to highlight a specific contact for a program or department. No image is required nor supported. You can add social links as well.