Contact Info

When to Use

When you want to make it easy for your users to get in touch with you or someone from your unit.

Example: Standard Contact Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

At the Office

West Virginia University
1345 Market St, Suite 900
Morgantown, WV 26505

By Phone

West Virginia University
(304) 293-1234

By Fax

(304) 293-5678

By Email

West Virginia University
email@mail.wvu.edu

Contact an Individual

Looking for someone specific?

Meet the Team

View Code

Copy

Content	Max Characters	Description
Intro	255	A brief intro e.g. “We’re here to help. Please contact us using one of the following options.”
Address	N/A	Your organization’s address.
Phone	N/A	Your contact’s phone number.
Email	1-2 brief paragraphs	Your contact’s email address.
Directory Link	N/A	If your website has a staff directory, put a link here.
Contact Form	N/A	A space to embed a contact form.

Content

Max Characters

Description

Intro

255

A brief intro e.g. “We’re here to help. Please contact us using one of the following options.”

Address

N/A

Your organization’s address.

Phone

N/A

Your contact’s phone number.

1-2 brief paragraphs

Your contact’s email address.

Directory Link

N/A

If your website has a staff directory, put a link here.

Contact Form

N/A

A space to embed a contact form.

Shared CleanSlate Partial

Type: Static (uses editable regions)

This component corresponds to the latest version of the shared contact-info partial in the Design System CleanSlate. CleanSlate developers can use this component by adding a shared partial to a template. Below are the available configuration options for this component.

General Component Parameters

The following parameters can be used when including any shared partial.

Name	Options	Description
`editModeOnly`	`true`	If set to true, the component will only appear in Edit Mode. This is useful for testing your component before you want to make it live.
`main`	`true`	If set to true, a `<main></main>` element will apply to the component.
`scope`	`page site`	If set to site, content in the editable regions of the component will apply sitewide to any component with the same name and instance number that is also set to `scope: "site"`.

Code Example

{% render "components/wvu-contact-info"  %}

PRO TIP: Options that contain integers (1, 2, 3) or boolean values (true, false) don’t need to be wrapped in quotes e.g. limit: 1 or main: true. Strings should be wrapped in quotes e.g. scope: "site".

Setup

From the CleanSlate Pages dashboard, assign the Super Template to a page. In the page properties, navigate to the Slots tab. Assign a contact-info partial to one of the slots.

General Component Configuration

The following options can applied to any component in a slot.

Name	Options	Description
Edit Mode Only	`checked unchecked`	If checked, the component will only appear in Edit Mode. This is useful for testing your component before you want to make it live.
Is Main	`checked unchecked`	If checked, a `<main></main>` element will apply to the component.
Sitewide	`checked unchecked`	If checked, content in the editable regions of the component will apply sitewide to any other component with the same name and instance number that is also set to “Sitewide”.

Active Campus Alert

Shared Partial Name: