Catalog Widget Code Builder
Use this form to build the HTML for any Acalog Widget API widget, plus Winona's custom major map lookup. You do not need to know any HTML: pick what you want to show, and the finished code appears at the bottom of the page, ready to copy and paste.
How this works
Answer the questions from top to bottom. The choices are filled in from the live catalog, so you never have to type a program name, course number, or catalog ID by hand.
When you are done, copy the generated code and paste it into your web page.
One-time page setup
Every page that uses a widget also needs the small setup block shown at the bottom of this page. Add it once per page, no matter how many widgets are on it.
Feedback
Questions about the widgets themselves can go to catalog-support@moderncampus.com.
Loading catalog list…
Step 1. Which catalog?
Undergraduate and Graduate are separate catalogs, and each one is republished every year.
Step 2. What do you want to show?
This is the kind of catalog information the widget pulls in.
Step 3. One item, or a list?
Step 4. How should it look on the page?
Step 5. Wording
Your code
Preview
The preview runs against the live catalog, exactly as it would on your page.
One-time page setup
Paste this into the page once, regardless of how many widgets you add. The stylesheet belongs in the page
<head>; the scripts belong just before the closing </body> tag.
Reference
Details about each widget family, the JSON endpoints behind them, and the full option list are on the Start page and in the per-family pages linked in the menu above.