Contact Widgets & Pages

Contact Widget

Contact widgets are the most common type of widget. They show up on almost every department on campus whether academic or administrative. If there are multiple people included in the contact widget separate them with 2 <br> tags. Only use the <h4> line if the contact widget is for a person. If the person has a doctorate always format it as Last Name, Ph.D. or equivalent degree.

Widget Title: Contact
Widget Content:

<h3>Name / Department / Office</h3>
<h4>Department</h4>
<strong>Email:</strong> academic@dixie.edu<br>
<strong>Phone:</strong> 555-555-5555<br>
<strong>Office:</strong> Smith 120<br>
<strong>Fax:</strong> 555-555-5555<br>

Simple Contact Widget

Example Contact Widget

Office or Business Hours

Use only the full name of the day to describe when an office is open for operation. Format the time with a colon between the hour and minutes. Use N dashes to separate days and times in widgets.

Widget Title: Office Hours
Widget Content:

<strong>Monday – Friday:</strong> 8:00 a.m. – 5:00 p.m.<br>
<strong>Saturday & Sunday :</strong> Closed<br>
<h4 class="is-maroon-text">Important Additional Notes</h4>

Mailing Addresses

Always format the address for the university in a widget with the office or department before the university’s name.

Widget Title: Mailing Address
Widget Content:

Department / Office<br>
Dixie State University<br>
225 S. University Ave.<br>
St. George, UT 84770

Multiple Components in a Widget

If you wish to display multiple types of information in a widget, separate each section with an <h2 class=”new-section”> element.

Widget Title: Contact
Widget Content:

<h3>Name / Department / Office</h3>
<h4>Department</h4>
<strong>Email:</strong> academic@dixie.edu<br>
<strong>Phone:</strong> 555-555-5555<br>
<strong>Office:</strong> Smith 120<br>
<strong>Fax:</strong> 555-555-5555<br>

<h2 class="new-section">Office Hours</h2>
<strong>Monday – Friday:</strong> 8:00 a.m. – 5:00 p.m.<br>
<strong>Saturday & Sunday :</strong> Closed<br>
<h4 class="is-maroon-text">Important Additional Notes</h4>

<h2 class="new-section">Mailing Address</h2>
Department / Office<br>
Dixie State University<br>
225 S. University Ave.<br>
St. George, UT 84770

Widget Placement

If the website has a left side-bar menu, place the widget in the left sidebar. If the site has no side-bar menu, use the right-sidebar template and place the widget to the right of the content area. If the site has large sidebars, the widget may be placed in the main content area.