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.
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 Your Site
Once you have your website in OU Campus, you have a variety of options for how to organize your content.
- 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.
Already know what you are looking for?
Web & Design
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
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
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
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
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
Older content, no longer relevant on a website can be maintained using the USU Library Digital Commons service.
Learn more about what your college, department, or program can do with e-commerce.
You can integrate your Facebook posts and feed into your OU Campus website.
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.
Learn how to work with the IT Web Team to add a Google calendar to your OU Campus website.
Instagram Embed Post
You can embed an Instagram post on your OU Campus webpage.
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...
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.
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
If you need to integrate a third-party application into an OU Campus website, please contact the IT Web Team.
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!
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
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
Make sure your USU website stays up-to-date and accessible for all website visitors each year.
Examples and description of the button component.
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
1, 2, 3 and 4 column layouts displaying text layouts with divider lines.
Column Layout Options - Text Examples
1, 2, 3 and 4 column layouts displaying text layouts.
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
This page is for documentation about content block in columns component
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.
A comprehensive list of dashboard gadgets available to all users and what they do.
Digital Measures Integration with Faculty & Staff Directory
Learn more about how USU integrates Digital Measures with faculty and staff directories.
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
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
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.
Homepage - Basic Full
Full-width, short-image gallery, centered feature text, and two columns of text.
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
Full-width, tall-image gallery above tiered image tile sections.
Homepage - Tiled Full
Full-width short-image gallery with tiled image section below.
Homepage - Tiles Info
Full-width, short-image gallery, tiled image section, and right-hand information bar.
You can add select Font Awesome icons to your OU Campus web pages using the Font Awesome Icon Component.
Image & Video Galleries Implementation
Learn more about selecting your image or video gallery type.
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.
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
This page shows examples of the info block component
Intro to Gadgets
Gadgets are small but powerful programs in OU Campus that provide additional functionality to improve your experience using OU Campus.
List Layouts With Dividers
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers
Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.
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
This one-column layout is ideal for pages with moderate to heavy amounts of text, which require a highlighted section.
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
This page is to document the presenter profile component.
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.
The quote component page is meant to provide info and documentation
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.
Learn about how to set your webpage side navigation.
A comprehensive list of sidebar gadgets available to all users and what they do.
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, based on schema.org syntax, is available for news articles and directory pages.
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
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
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
This three-column layout showcases content in three different column widths, providing a left-to-right hierarchical order.
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
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
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.
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.