Skip to main content

USU, OU Campus & You: A Winning Website Team

Utah State University uses OU Campus, a leader in higher education website content management, to provide website services for colleges, departments, and programs across campus.

Rocket starting into space

Getting Started

If your website isn't in OU Campus already, you begin by choosing the header option that best meets your needs.  You can choose between Big Blue or Whiteout.  (Some restrictions apply.)  Once you've made your choice, or if you're not sure which choice is best for you, contact the IT Web Team.  Once you've talked to the IT Web Team, we will set up your new site and train you in moving or adding content.

building a website

Building Your Site

Once you have your website in OU Campus, you have a variety of options for how to organize your content.

  • Columns
  • Text boxes
  • Images and galleries
  • Navigation (top/side)
  • Faculty/staff directories
  • News (articles/feeds)
  • Video embeds
  • PayPal payment

You can add many of these layout pieces through snippets, or by copying and pasting the code provided on this website.  We've even made it simple by providing Copy Source Code buttons.

training

Training Opportunities


Full Training List

Let us know what additional website training you are interested in by taking our training survey.

Already know what you are looking for?

Web & Design

Annual Website Audit

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.

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.

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.

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.

Content Promoter for News | IT Web

Content Promoter for News

Add a news section to your OU Campus website with CP for News. Learn how to use tags, add a news feed to your homepage, and more.

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.

E-commerce | IT Web

E-commerce

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

Facebook Integration | IT Web

Facebook Integration

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

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.

Google Calendar | IT Web

Google Calendar

Learn how to work with the IT Web Team to add a Google calendar to your OU Campus website.

Instagram Embed Post | IT Web

Instagram Embed Post

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

Multi-Page Publish Content Promoter Pages Gadget

Multi-Page Publish Content Promoter Pages Gadget

You can publish your CP News and other CP articles using the CP Multipublish Gadget to save time and ensure that your new and CP pages not only get published, but also publish the other pages on which they are pulled (i.e. news or CP index pages, other pa...

News & Other Content Feed Options | IT Web
Sticky Navigation | IT Web

Sticky Navigation

Sticky navigation, or having your top navigation remain visible and usable to website visitors even after scrolling past your top navigation bar, is now available for USU websites in OU Campus.

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.

Third-Party Application Integration with OU Campus | IT Web

Third-Party Application Integration with OU Campus

If you need to integrate a third-party application into an OU Campus website, please contact the IT Web Team.

Twitter Integration | IT Web
USU Calendar | IT Web
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!

Analytics Resources | IT Web

Analytics Resources

Need to know more about Analytics tools available to evaluate your USU OU Campus website? This is your starting point.

Accordion and Tab Components

This page has examples of accordion and tab components

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.

Annual Website Audits

Annual Website Audits

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

Button Component

Examples and description of the button component.

Buttons | IT Web

Buttons

Standard buttons expand to the full width of their respective columns, forcing the button to be placed either above or below surrounding content. Button widths can be adjusted with custom styling.

CP Directory Feed Component

This page is to show examples of the CP Directory Feed Component

CP News Feed Component

This page gives an example of adding a CP News Feed onto a page.

Column Layout Options - Text Examples With Dividers | IT Web

Column Layout Options - Text Examples With Dividers

1, 2, 3 and 4 column layouts displaying text layouts with divider lines.

Column Layout Options - Text Examples | IT Web

Column Layout Options - Text Examples

1, 2, 3 and 4 column layouts displaying text layouts.

Components - Image Components
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.

Contact Block Component

This page describes and illustrates the contact block component

Content Block in Columns Component

Content Block in Columns Component

This page is for documentation about content block in columns component

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.

Dashboard Gadgets | Information Technology

Dashboard Gadgets

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

Digital Measures Integration with Faculty & Staff Directory

Digital Measures Integration with Faculty & Staff Directory

Learn more about how USU integrates Digital Measures with faculty and staff directories.

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.

Four Column - List | IT Web

Four Column - List

This layout is ideal for displaying several large lists of articles or links. The top banner allows for branding and related graphics; while the four-column layout provides divided sections of content that can be mutually exclusive.

Four Column - Standard | IT Web

Four Column - Standard

A four-column layout is ideal for heavy amounts of lists, links, and articles being displayed all at once. This layout provides an introductory section over four columns of content.

Google Calendar
Homepage - Basic Full

Homepage - Basic Full

Full-width, short-image gallery, centered feature text, and two columns of text.

Homepage - Informational Landing Page | IT Web

Homepage - Informational Landing Page

This Homepage layout is great for quick information like the kind you would put on a landing page.

Homepage - Tiered Spotlight | IT Web

Homepage - Tiered Spotlight

Full-width, tall-image gallery above tiered image tile sections.

Homepage - Tiled Full | IT Web

Homepage - Tiled Full

Full-width short-image gallery with tiled image section below.

Homepage - Tiles Info | IT Web

Homepage - Tiles Info

Full-width, short-image gallery, tiled image section, and right-hand information bar.

How to Expire a Webpage
Icon Component | IT Web

Icon Component

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

Image & Video Galleries Implementation | IT Web

Image & Video Galleries Implementation

Learn more about selecting your image or video gallery type.

Image & Video Galleries | IT Web

Image & Video Galleries

Whether you only have a handful, or a lot of images or videos you would like to show, we offer a number of interactive gallery options to meet your needs.

Images | IT Web

Images

An example of images laid out on different column and row structures. It is recommended, when using USU Templates, to use a 16:9 image aspect ratio. Make sure to use high resolution images, with file sizes not exceeding 1200 KB. We recommend that you use

Info Block Component

Info Block Component

This page shows examples of the info block component

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.

JavaScript Insert Component

This page shows documentation for the javascript insert component

List Layouts With Dividers | IT Web

List Layouts With Dividers

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers

List Layouts | IT Web

List Layouts

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.

OU Campus Forms (LDP)

OU Campus Forms (LDP)

This page provides some basic instructions about how to make an LDP (Live Delivery Platform) form in OU Campus.

One Column - Modrate to Heavy Text | IT Web

One Column - Modrate to Heavy Text

This one-column layout is ideal for pages with moderate to heavy amounts of text, which require a highlighted section.

One Column - Standard Layout | IT Web

One Column - Standard Layout

Tall banner over text in one column. This one-column layout is ideal for markeing a product or service, or for highlighting a specific topic. A tall image provides an optimal branding or highlighting opportunity for the content, product, or service explai...

Presenter Profile Component

Presenter Profile Component

This page is to document the presenter profile component.

Publishing OU Campus Pages to Social Media

Publishing OU Campus Pages to Social Media

To publish your articles or other web content directly to Social Media (Facebook and Twitter), you need to first add your Social Media (Facebook or Twitter) account to OU Campus with the help of the IT Web Team.

Quote Component

Quote Component

The quote component page is meant to provide info and documentation

Rotating Quote Gallery
Short Image Galleries | IT Web

Short Image Galleries

Short banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.

Side Navigation | IT Web

Side Navigation

Learn about how to set your webpage side navigation.

Sidebar Gadgets | Information Technology

Sidebar Gadgets

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

Snippets | IT Web

Snippets

We have a variety of built in code snippets for your convenience. You can access our Snippets library by clicking on the puzzle piece icon in the OU Campus editor when editing a page.

Structured Data | IT Web

Structured Data

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

Tables | IT Web

Tables

Here's two varieties of table styles available on the USU template. These are the suggested table sizes for optimal communication. When building tables and laying them out on your page, be aware of title and content lengths within each cell.

Tall Image Galleries | IT Web

Tall Image Galleries

Tall banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.

Three Column - Newspaper | IT Web

Three Column - Newspaper

This layout presents a variation of a three-column distribution, containing a centered spotlight section; it is ideal for large amounts of content, whether it be news or articles.

Three Column - Standard | IT Web

Three Column - Standard

This three-column layout showcases content in three different column widths, providing a left-to-right hierarchical order.

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.

Two Column - Content Heavy | IT Web

Two Column - Content Heavy

This two-column layout is ideal for pages with heavy amounts of text that require hierarchical distribution. This layout contains a variation of percentage distribution: it is topped by an introductory header, a single-column introductory section, followe...

Two Column - Standard | IT Web

Two Column - Standard

This basic two-column layout is ideal for virtually any kind of traditional content and purpose. Two columns of content are topped by a full-width banner, providing variety and branding opportunities.

Using Copy Source Code Buttons
What is Protected Data?

What is Protected Data?

If you collect data through on-line forms (or any other way related to your website), it is your job to ensure the required protection for that data. Learn more what is considered protected data requiring extra measures to ensure privacy including.