Transitioning Academic Program pages with the Catalog API

Find out why and how the university website academic program pages will transition to leverage content from the University Catalog.

Access the presentation(.PDF)

Access our academic department webmaster kick-off opportunities and communications.

Read the July 2023 announcement

The screenshot below shows the default design of "Program" page with its the elements and the customizable areas highlighted.

Click here to view the full-size Default screenshot. (JPG)

Its Introduction Block and Contact Info have been replaced, and it has all four custom sections populated: Program Info Header, Contact Form, Program Info Footer, and Career Info Footer

Click here to view the full-size customization screenshot. (JPG)

You can do some prework to expedite the academic program page integration during your working session.

Please consider taking these steps.

1. Verify that your department home page has the required Schedule Advising call to action block; if not, add it.
2. Create a working doc with rows below for each program on your website and include the supporting information in the additional columns:

Photo Tips

• Specs 1500 x 600
• See / consider if you would want grab what is in catalog with program listing if it adheres to these recommendations you could use it
• Landscape orientation not vertical
• Far away shots to prevent cut off heads – if too hard to find, could consider:
  • Potential building images
  • Campus scenes
• If you're not able to find a suitable image, we put together a selection of properly-sized header images that you can choose from in this google drive folder.

This academic program page integration initiative allows for an extra bit of search engine optimization on the page. As a result, you may want to review this document and/or be prepared to review it when building your page.

SEO Playbook / Tips

Building the Page

This screenshot compares the front view of a program page with its editing view. The lines between the two show where each field applies on the front end.

Key:

• Red/solid lines are required fields.
• Blue/dotted lines are modifiable content.
• Gold/dashed lines are fields that can insert new content.
• Suppressing the readmore is highly recommended. 

Click here to view the full-size field comparison screenshot. (JPG)

Finding Your Catalog URL

1.) Visit https://catalog.kent.edu/ and select Courses A-Z from the primary menu. 
 

2.) Find your program from the alphabetical list, right click, and copy the link. 

Integrating Course Offerings in Drupal
 

1.) Under Utilities, select Layout. 
 

2.) In the Layout editor, select Add block. 
 

3.) In the block menu, search for and select Catalog Courses Block.
 

4.) Configure the Catalog Courses Block to your liking, click Update or Add block when done. 

• Title — Check Display title and fill the in the box to display a custom heading above your course block. 
• Courses URL — You MUST paste the URL to your program's course offerings in this field for it to work. 
• Min/Max Course Level — Can display all courses (00000 - 899999) or split by undergraduate and graduate levels.
   

5.) Scroll back to the top, and click Save layout.