Close menu Resources for... William & Mary
W&M menu close William & Mary

Widget

Highlight and direct your visitors to more great content.

Need to put an existing widget on your page? Skip to Step 2.

Step 1: Build the Widget
  1. Navigate to your widget storage folder (you may have a folder labeled _widgets or something similar). If you don't have one, build one now.
  2. Select Add Content >> Right Column Items >> Widget Folder.
  3. Enter Folder Name (lowercase, no spaces) and Display Name then Submit.
  4. Upload your widget image(s) to the widget folder (must be 240x150 in size).
  5. Edit the Widget file found inside the widget folder. 
  6. Enter your Custom Header Text.
  7. Select the Widget Image and enter Teaser Text.
  8. Choose Internal URL or enter External URL for the More... link.
  9. Use + to enter additional images/teasers if applicable (this enables the rotating widget images/teasers). Use the up/down arrows or drag-and-drop to reorder the images/teasers.
  10. Preview Draft >> Submit >> Check Content & Submit then Publish the widget folder.
Step 2: Put the widget on a page
  1. Edit the page where you want to place the widget.
  2. Check the box next to “Show right column?”.
  3. Under the Widgets section, click "Choose Page" to browse to the Widget file and select it then click Choose.
  4. Preview Draft >> Submit >> Check Content & Submit then Publish the index page.
Troubleshooting
What if my Widget does not show up on a published page?

Widgets need to be published separate from the page(s) that contain them. Make sure that your Widget folder is published.

Why is the Teaser there, but the Widget image is not showing up on the published page?

Edit the Widget, go to the Configure tab and make sure that "Maintain absolute links when rewriting" is checked. Save & Preview, Submit and re-publish the widget.

What should I do if I added the widget to a page, but don't see it in the preview?

In addition to adding the widget to your page, you must check the box next to "Show right column?" in order to enable ANY features in the third column.

What if I want to place a widget I've seen on other W&M webpages?

There are many top-level widgets used throughout the W&M website that are available for anyone to use. When browsing for a Widget file, look in /www.wm.edu/_widgets/. You'll find everything from widgets leading to photo galleries to W&M traditions to Majors & Minors and more!