BEST PRACTICE: Implementing a Full-page Widget

Need more background on widgets? Start with our introductory guide: INTRO: Widgets

In this article you will find:

  • What makes a “full-page” widget different?
  • Implementing a Full-page Widget
  • Related Articles


A “full page widget” is a widget that serves as the body of a page–without the widget, the page would not make sense to a visitor. That being said, even though these widgets serve as the page’s focal point, and you can (and should) add supplemental sections of content for context.


 

What makes a “full-page” widget different?

Before diving into optimizing your full page widget, we’ve included the other two common types of widgets for comparison:  supplemental widgets and consistent page elements. These are distinct from full page widgets in that they do not carry the entire weight of the page–if they were removed, the page’s purpose and functionality would remain largely the same.

1. Supplemental: These widgets are included on a per-page basis. What events are included and how they’re displayed varies depending on the content of the page.

Screen Shot 2016-12-19 at 12.36.59 PM

Michigan Techwww.mtu.edu/current

2. Consistent page elements: These widgets are included in the site template often in a footer section or sidebar. Since these will show up across many pages, their display remains consistent and the events included are typically general interest/upcoming.

Screen Shot 2016-12-19 at 12.00.04 PM

Colgate University: www.colgate.edu


 

Implementing a Full-page Widget

Full-page widgets enable flexibility in space and design without competing with other content. As a result, they make fantastic events pages for groups and organizations related to your own.

Here’s four tips for implementing these widgets well:

TIP #1 – Use the Modern Combo widget to most closely mimic the look and feel of a standalone calendar.

Screen Shot 2016-12-19 at 2.41.20 PM

Visit Santa Clarita: visitsantaclarita.com/events

In your widget builder, select Mini Calendar + List as the Widget Type and Modern as the Style. 

Screen Shot 2016-12-19 at 1.03.05 PM

 

TIP #2 – Don’t be afraid to use multiple widgets to divide content or to apply varying styles.

Below, the University of Tulsa (utulsa.edu/academic-calendar) has used 6 Localist widgets to create academic calendars for upcoming semesters.

Screen Shot 2016-12-19 at 12.40.50 PM

Other ways to divide content among multiple widgets:

  • Upcoming vs. Trending
  • Featured Event widget
  • By types or topics
  • By target audience

 

TIP #3 – Include a link to your master calendar, but do include a blurb to communicate to users if they are being taken to another website–especially if the branding varies.

Screen Shot 2016-12-19 at 2.58.21 PM

 

TIP #4 – Build links on the containing page that connect your users directly to features only available on your main platform or not baked into the widget by default.

Trying linking to:

  • Public Event Submission form
  • Places or Groups directory
  • Subscription links that match the widget results

Related Articles