Websites & Design

Working remotely? We are! And just like you, we're still fully available to help support your website work at USU. This is a great time to focus on updating your web content and ensuring that your messages are targeted to your audience. Reach out if we can help in any way! Call (435) 797-8551 or email itweb@usu.edu to learn more.

Utah State University uses the content management system OU Campus to give colleges, departments, and programs the ability to create web content catered to their organization while maintaining a cohesive look across the university. This site provides content managers resources for improving their website and support via additional training from the Web team. Submit a support ticket to receive one-on-one help with problems you may be facing.

Already know what you are looking for?

News
Documentation
IT Web
client-pages
examples
BS4
Add a news section or other content to your OU Campus website with content promoter. Learn how to use tags, add a CP feed to your homepage, and more.
Content Promoter | IT Web

Content Promoter

Add a news section or other content to your OU Campus website with content promoter. Learn how to use tags, add a CP feed to your homepage, and more.

training
client-pages
BS4
IT Web
recordings
Want to learn more about Web Accessibility but couldn't attend one of our live workshops? Learn more and watch a recording of the April 16, 2019 workshop with Christopher Phillips.
IVC Recording of Website Accessibility Workshop 04-16-2019 | IT Web Team

IVC Recording of Website Accessibility Workshop 04-16-2019

Want to learn more about Web Accessibility but couldn't attend one of our live workshops? Learn more and watch a recording of the April 16, 2019 workshop with Christopher Phillips.

IT Web
client-pages
BS4
Keep your website relevant, up-to-date, and functioning great by completing an annual review. Check for various web accessibility issues, outdated content, and poor-quality images, then take action! The quality of your website depends on you.
Annual Website Audit | IT Web

Annual Website Audit

Keep your website relevant, up-to-date, and functioning great by completing an annual review. Check for various web accessibility issues, outdated content, and poor-quality images, then take action! The quality of your website depends on you.

client-pages
IT Web
HowTo
admin-docs
BS4
Learn how to work with the IT Web Team to access your OU Campus website analytics through Google Data Studio.
Google Analytics with Data Studio | IT Web

Google Analytics with Data Studio

Learn how to work with the IT Web Team to access your OU Campus website analytics through Google Data Studio.

BS4
client-pages
IT Web
Only someone with a valid USU ID number (A-number) can have access to edit an OU Campus website at USU. If you have a need for editors not affiliated with USU, here is what you need to know.
Access for Non-USU Staff Members to Edit OU Campus Websites | IT Web

Access for Non-USU Staff Members to Edit OU Campus Websites

Only someone with a valid USU ID number (A-number) can have access to edit an OU Campus website at USU. If you have a need for editors not affiliated with USU, here is what you need to know.

examples
client-pages
BS4
Documentation
IT Web
Learn how to get the embed widget code for a Box folder, including how to gain access to that code as a co-owner.
Box Embed Widget | IT Web

Box Embed Widget

Learn how to get the embed widget code for a Box folder, including how to gain access to that code as a co-owner.

Documentation
BS4
examples
IT Web
client-pages
Older content, no longer relevant on a website can be maintained using the USU Library Digital Commons service.
Digital Commons for Archive Web Content Storage | IT Web

Digital Commons for Archive Web Content Storage

Older content, no longer relevant on a website can be maintained using the USU Library Digital Commons service.

BS4
client-pages
Documentation
IT Web
examples
Learn more about what your college, department, or program can do with e-commerce.
E-commerce | IT Web

E-commerce

Learn more about what your college, department, or program can do with e-commerce.

BS4
examples
Documentation
IT Web
client-pages
You can integrate your Facebook posts and feed into your OU Campus website.
Facebook Integration | IT Web

Facebook Integration

You can integrate your Facebook posts and feed into your OU Campus website.

client-pages
Directory
BS4
Documentation
IT Web
examples
Learn about your options for displaying a faculty and staff directory on your website. Setting up the directory is handled by the IT Web Team. Adding faculty and staff members is the responsibility of the content manager.
Faculty & Staff Directory

Faculty & Staff Directory

Learn about your options for displaying a faculty and staff directory on your website. Setting up the directory is handled by the IT Web Team. Adding faculty and staff members is the responsibility of the content manager.

Documentation
BS4
examples
client-pages
IT Web
You can embed an Instagram post on your OU Campus webpage.
Instagram Embed Post | IT Web

Instagram Embed Post

You can embed an Instagram post on your OU Campus webpage.

examples
client-pages
IT Web
Documentation
BS4
USU Has a license to download stock images for our websites from Getty Images. You can learn more about how to access those images in this article.
Stock Images | IT Web

Stock Images

USU Has a license to download stock images for our websites from Getty Images. You can learn more about how to access those images in this article.

client-pages
examples
Documentation
BS4
IT Web
See examples of twitter embeds and learn how to add them to your site
Twitter Integration | IT Web

Twitter Integration

See examples of twitter embeds and learn how to add them to your site

BS4
client-pages
IT Web
What is Web Accessibility, and why does it matter? Many accessibility evaluation tools are available to help you keep your website in check, if you know what issues to look for. Don't let your website be a hassle for visitors using screen readers!
Web Accessibility | IT Web

Web Accessibility

What is Web Accessibility, and why does it matter? Many accessibility evaluation tools are available to help you keep your website in check, if you know what issues to look for. Don't let your website be a hassle for visitors using screen readers!

client-pages
BS4
training
IT Web
Plan now to join the USU web community as we look at how to find clarity, focus and 2020 vision to serve our website audiences with the content they need! If you are a website administrator, content creator, webpage updater, or just interested in what yo
2020 USU Web Conference | IT Web Team

2020 USU Web Conference

Plan now to join the USU web community as we look at how to find clarity, focus and 2020 vision to serve our website audiences with the content they need! If you are a website administrator, content creator, webpage updater, or just interested in what yo

Documentation
IT Web
BS4
examples
client-pages
This layout shows accordions used in the recommended size variations. Accordions that are any larger, or smaller, will hinder effective communication. To include accordions on your webpages, use snippets.
Accordions | IT Web

Accordions

This layout shows accordions used in the recommended size variations. Accordions that are any larger, or smaller, will hinder effective communication. To include accordions on your webpages, use snippets.

Documentation
client-pages
examples
IT Web
BS4
Examples of alerts and text boxes and how to implement them on USU websites
Alerts | IT Web

Alerts

Examples of alerts and text boxes and how to implement them on USU websites

IT Web
client-pages
BS4
Make sure your USU website stays up-to-date and accessible for all website visitors each year.
Annual Website Audits

Annual Website Audits

Make sure your USU website stays up-to-date and accessible for all website visitors each year.

client-pages
IT Web
BS4
Learn how to create and edit forms, galleries and other assets in OU Campus.
Assets | IT Web

Assets

Learn how to create and edit forms, galleries and other assets in OU Campus.

Documentation
examples
IT Web
client-pages
BS4
Example of a blue hero banner with centered text
Banner Centered Text | IT Web

Banner Centered Text

Example of a blue hero banner with centered text

client-pages
IT Web
BS4
Sometimes it can be helpful to know just a little bit how your webpage is built so you can format it properly.
Basic HTML Formatting

Basic HTML Formatting

Sometimes it can be helpful to know just a little bit how your webpage is built so you can format it properly.

IT Web
client-pages
BS4
Learn how to start editing webpages in OU Campus for your college or department
Become a Content Manager | IT Web

Become a Content Manager

Learn how to start editing webpages in OU Campus for your college or department

examples
IT Web
client-pages
Documentation
BS4
Helpful hints on using Photoshop, choosing your image type, and preparing images suitable for use as header banners.
Best Practices for Banners & Images

Best Practices for Banners & Images

Helpful hints on using Photoshop, choosing your image type, and preparing images suitable for use as header banners.

Documentation
IT Web
examples
client-pages
BS4
Example of Blue Hero Banner with Subtitle and instructions for implementation
Blue Hero Banner with Subtitle | IT Web

Blue Hero Banner with Subtitle

Example of Blue Hero Banner with Subtitle and instructions for implementation

client-pages
Documentation
IT Web
BS4
examples
Example of a full width banner
Blue Hero Banner | IT Web

Blue Hero Banner

Example of a full width banner

IT Web
Documentation
BS4
client-pages
examples
See an example of a bootstrap carousel and how it can be added to your own site
Bootstrap Carousel | IT Web

Bootstrap Carousel

See an example of a bootstrap carousel and how it can be added to your own site

examples
BS4
IT Web
Documentation
client-pages
Examples of button types and colors and how to implement them on USU websites
Buttons | IT Web

Buttons

Examples of button types and colors and how to implement them on USU websites

BS4
Documentation
client-pages
examples
IT Web
You can use a card component to display information with a picture and button in a clean and organized way.
Card (Dark Theme) | IT Web

Card (Dark Theme)

You can use a card component to display information with a picture and button in a clean and organized way.

BS4
IT Web
Documentation
client-pages
examples
You can use a card component to display information with a picture and button in a clean and organized way.
Card (Light Theme) | IT Web

Card (Light Theme)

You can use a card component to display information with a picture and button in a clean and organized way.

client-pages
examples
IT Web
BS4
Documentation
Examples of Cards with Accent color options and how to implement them on USU websites
Card with Accent Color | IT Web

Card with Accent Color

Examples of Cards with Accent color options and how to implement them on USU websites

examples
Documentation
IT Web
BS4
client-pages
Example of a hero banner with a carousel of rotating images with optional title and description.
Carousel Banner | IT Web

Carousel Banner

Example of a hero banner with a carousel of rotating images with optional title and description.

Documentation
examples
client-pages
BS4
IT Web
Example of Centered Blue Hero Banner with Subtitle and instructions for implementation
Centered Blue Hero Banner with Subtitle | IT Web

Centered Blue Hero Banner with Subtitle

Example of Centered Blue Hero Banner with Subtitle and instructions for implementation

examples
client-pages
Documentation
IT Web
BS4
See examples of column layouts
Column Options | IT Web

Column Options

See examples of column layouts

examples
IT Web
Documentation
BS4
client-pages
See examples of column layouts
Column Options | IT Web

Column Options

See examples of column layouts

client-pages
IT Web
BS4
Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.
Components | IT Web

Components

Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.

examples
BS4
IT Web
client-pages
Documentation
This page describes and illustrates the contact block component.
Contact Block Component | IT Web

Contact Block Component

This page describes and illustrates the contact block component.

examples
client-pages
IT Web
Documentation
BS4
This page is for documentation about content block in columns component
Content Block in Columns | IT Web

Content Block in Columns

This page is for documentation about content block in columns component

client-pages
examples
Documentation
Directory
IT Web
BS4
This page explains the Content Promoter (CP) for directory pages. CP for Directory allows users to pull a feed of directory members, with various styling options available.
Content Promoter Feed for Directory

Content Promoter Feed for Directory

This page explains the Content Promoter (CP) for directory pages. CP for Directory allows users to pull a feed of directory members, with various styling options available.

IT Web
BS4
client-pages
A comprehensive list of dashboard gadgets available to all users and what they do.
Dashboard Gadgets | Information Technology

Dashboard Gadgets

A comprehensive list of dashboard gadgets available to all users and what they do.

Documentation
BS4
client-pages
IT Web
examples
Learn more about digital measures and what information can be put into your site from digital measures
Digital Measures Details | IT Web

Digital Measures Details

Learn more about digital measures and what information can be put into your site from digital measures

Documentation
BS4
client-pages
examples
IT Web
Learn how to integrate digital measures into your site to make it easier to display information about faculty.
Digital Measures Integration | IT Web

Digital Measures Integration

Learn how to integrate digital measures into your site to make it easier to display information about faculty.

IT Web
client-pages
BS4
Frequently asked questions about OU Campus, the content management system for USU websites.
FAQ | IT Web

FAQ

Frequently asked questions about OU Campus, the content management system for USU websites.

examples
Documentation
IT Web
BS4
client-pages
Learn about the fat footer and what content can be displayed there
Fat Footer | IT Web

Fat Footer

Learn about the fat footer and what content can be displayed there

Documentation
BS4
client-pages
examples
IT Web
It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.
Forms | IT Web

Forms

It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.

examples
BS4
IT Web
Documentation
client-pages
Learn about the header for the new USU template
Header | IT Web

Header

Learn about the header for the new USU template

client-pages
BS4
IT Web
Learn how to expire a page in OU campus and how you can schedule an expiration for a page.
How to Expire a Webpage

How to Expire a Webpage

Learn how to expire a page in OU campus and how you can schedule an expiration for a page.

IT Web
Documentation
client-pages
BS4
examples
You can add Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.
Icon Component | IT Web

Icon Component

You can add Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.

IT Web
Documentation
examples
BS4
client-pages
Example of image banner with overlay bar
Image Banner with Overlay Bar | IT Web

Image Banner with Overlay Bar

Example of image banner with overlay bar

Documentation
client-pages
BS4
IT Web
examples
Example of banner with image
Image Banner | IT Web

Image Banner

Example of banner with image

Documentation
BS4
examples
client-docs
IT Web
client-pages
See examples of image components and learn how you can add them to your site
Image Components | IT Web

Image Components

See examples of image components and learn how you can add them to your site

Documentation
IT Web
BS4
client-pages
examples
See an example of in-page navigation on a webpage
In Page Navigation | IT Web

In Page Navigation

See an example of in-page navigation on a webpage

client-docs
client-pages
Documentation
BS4
IT Web
examples
This page shows examples of the info block component
Info Block Component

Info Block Component

This page shows examples of the info block component

BS4
client-pages
IT Web
Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.
Intro to Gadgets | Information Technology

Intro to Gadgets

Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.

IT Web
examples
client-docs
client-pages
BS4
Documentation
This page shows documentation for the javascript insert component
JavaScript Insert Component

JavaScript Insert Component

This page shows documentation for the javascript insert component

IT Web
Documentation
client-pages
BS4
examples
See example of jumbotrons on a page and learn how to add it to your own page!
Jumbotron Component

Jumbotron Component

See example of jumbotrons on a page and learn how to add it to your own page!

IT Web
client-pages
BS4
News
Helpful keyboard shortcuts to make certain tasks easier while you edit OU Campus pages.
Keyboard Shortcuts

Keyboard Shortcuts

Helpful keyboard shortcuts to make certain tasks easier while you edit OU Campus pages.

examples
IT Web
client-pages
BS4
Documentation
See an example of a lightbox image gallery and how to implement it into your own page
Lightbox Image Gallery | IT Web

Lightbox Image Gallery

See an example of a lightbox image gallery and how to implement it into your own page

IT Web
BS4
examples
client-pages
Documentation
See an example of a lightbox video gallery and how to implement this gallery into your own page
Lightbox Video Gallery | IT Web

Lightbox Video Gallery

See an example of a lightbox video gallery and how to implement this gallery into your own page

IT Web
client-pages
Documentation
examples
BS4
See examples of lists and see how you can add them to your site
Lists | IT Web

Lists

See examples of lists and see how you can add them to your site

client-pages
BS4
examples
Documentation
IT Web
Example of narrow blue hero banner with subtitle
Narrow Banner with Subtitle | IT Web

Narrow Banner with Subtitle

Example of narrow blue hero banner with subtitle

IT Web
BS4
Documentation
examples
client-pages
Example of a narrow blue hero banner
Narrow Banner | IT Web

Narrow Banner

Example of a narrow blue hero banner

examples
BS4
IT Web
client-pages
Documentation
An example of a news feed page with search bar
News Feed | IT Web

News Feed

An example of a news feed page with search bar

Documentation
examples
IT Web
BS4
client-pages
Offset Column
examples
client-docs
Documentation
IT Web
BS4
client-pages
This page is to document and show examples for the presenter profile component.
Presenter Profile Component | IT Web

Presenter Profile Component

This page is to document and show examples for the presenter profile component.

BS4
IT Web
examples
Documentation
client-pages
A potential program page for USU departments and colleges
Program Page Example

Program Page Example

A potential program page for USU departments and colleges

IT Web
client-pages
BS4
USU OU Campus webpages provide content editors with quality control messages as a reminder and support for including key pieces in USU webpages that improve search engine optimization, accessibility, usability and performance.
Quality Control Messages

Quality Control Messages

USU OU Campus webpages provide content editors with quality control messages as a reminder and support for including key pieces in USU webpages that improve search engine optimization, accessibility, usability and performance.

IT Web
client-pages
examples
BS4
Documentation
Learn how to add a blockquote component which includes an icon bar
Quote Blocks | IT Web

Quote Blocks

Learn how to add a blockquote component which includes an icon bar

IT Web
client-pages
BS4
Custom reports are CSV (excel) files that can be generated given some requirements. Due to the nature of OU Campus some reports generated by gadgets are only available via request.
Request a Custom Report | IT Web

Request a Custom Report

Custom reports are CSV (excel) files that can be generated given some requirements. Due to the nature of OU Campus some reports generated by gadgets are only available via request.

Documentation
examples
client-pages
IT Web
BS4
Learn how to add a responsive youtube video embed
Responsive Youtube Embed | IT Web

Responsive Youtube Embed

Learn how to add a responsive youtube video embed

BS4
examples
IT Web
client-pages
Documentation
See an example of rotating quote gallery and learn how to implement this gallery into your own page
Rotating Quote Gallery | IT Web

Rotating Quote Gallery

See an example of rotating quote gallery and learn how to implement this gallery into your own page

examples
BS4
client-pages
IT Web
Documentation
An example of a short blue hero banner.
Short Blue Hero Banner | IT Web

Short Blue Hero Banner

An example of a short blue hero banner.

BS4
client-pages
IT Web
News
Learn more about using the helpful Showblocks tool on the OU Campus edit bar.
Showblocks

Showblocks

Learn more about using the helpful Showblocks tool on the OU Campus edit bar.

examples
IT Web
BS4
client-pages
Documentation
Learn about how to set your webpage to have side navigation.
Side Navigation | IT Web

Side Navigation

Learn about how to set your webpage to have side navigation.

BS4
IT Web
client-pages
A comprehensive list of sidebar gadgets available to all users and what they do.
Sidebar Gadgets | Information Technology

Sidebar Gadgets

A comprehensive list of sidebar gadgets available to all users and what they do.

client-pages
Documentation
BS4
examples
IT Web
An example of a sidebar with information on a page
Sidebar | IT Web

Sidebar

An example of a sidebar with information on a page

IT Web
client-pages
BS4
Documentation
examples
Learn what the main content field is and how to add content to the main content region.
Site Main Content | IT Web

Site Main Content

Learn what the main content field is and how to add content to the main content region.

IT Web
Documentation
BS4
examples
client-pages
Understand the structure of a USU site. Elements such as top navigation, content and footer.
Site Structure | IT Web

Site Structure

Understand the structure of a USU site. Elements such as top navigation, content and footer.

BS4
client-pages
IT Web
Snippets have been created to easily add page layouts and other content into your webpage. Learn how to add snippets into your page.
Snippets Documentation | IT Web

Snippets Documentation

Snippets have been created to easily add page layouts and other content into your webpage. Learn how to add snippets into your page.

IT Web
Documentation
BS4
examples
client-pages
An example of the striped sectional homepage.
Striped Sectional Homepage | IT Web

Striped Sectional Homepage

An example of the striped sectional homepage.

BS4
client-pages
IT Web
Structured data, based on schema.org syntax, is available for news articles and directory pages.
Structured Data | IT Web

Structured Data

Structured data, based on schema.org syntax, is available for news articles and directory pages.

examples
IT Web
Documentation
client-pages
BS4
See examples and learn how to create tables to display information on your page.
Tables | IT Web

Tables

See examples and learn how to create tables to display information on your page.

Documentation
IT Web
client-pages
examples
BS4
See examples and learn to add tabs to your page.
Tabs | IT Web

Tabs

See examples and learn to add tabs to your page.

client-pages
BS4
IT Web
This page allows you to fill out a form to request an update to the current USU template.
Template Update Request | IT Web

Template Update Request

This page allows you to fill out a form to request an update to the current USU template.

IT Web
client-pages
BS4
client-docs
To help OU Campus content managers improve accessibility and their search engine optimization (SEO), tooltips and quality control check messages appear to remind about missing SEO and accessibility pieces.
Tooltips, Quality Control Check Messages | Web & Design

Tooltips, Quality Control Check Messages

To help OU Campus content managers improve accessibility and their search engine optimization (SEO), tooltips and quality control check messages appear to remind about missing SEO and accessibility pieces.

examples
BS4
client-pages
Documentation
IT Web
Learn what the top navigation is and how to edit it
Top Navigation | IT Web

Top Navigation

Learn what the top navigation is and how to edit it

examples
client-pages
Documentation
IT Web
BS4
Examples of embed options for the USU calendar and how to implement them on USU websites
USU Calendar | IT Web

USU Calendar

Examples of embed options for the USU calendar and how to implement them on USU websites

Documentation
IT Web
examples
client-pages
BS4
Example of a video banner
Video Banner | IT Web

Video Banner

Example of a video banner

Documentation
client-pages
examples
IT Web
BS4
An example of a Youtube video banner
Youtube Video Banner | IT Web

Youtube Video Banner

An example of a Youtube video banner

client-docs
examples
IT Web
Documentation
client-pages
BS4
Learn how to insert an iFrame onto a web page.
iFrame Embed | IT Web

iFrame Embed

Learn how to insert an iFrame onto a web page.