CommonSpot: How to Add the Hours Widget

This element is used in the right column of your page and is for listing office hours.

-  Open the page you want to use the Hours Widget with.  (Author mode - View >Work on this Page).

-  Click on the Click to insert new element link in the right column of your page.

Click to insert new element

-  From the Element Gallery, choose to use the Find field to search by name OR expand the UWP Right Column Widgets category and choose Hours Widget

Element Gallery

-          Click on the Hours Widget gear icon, choose New Data

Hours Widget context menu

-          Fill in the New Data properties. 

New Data window

o   Box Color: choose 1 of 7 available colors for your box. *required field

o   Hours Widget Heading: this is pre-populated with the words ‘Office Hours’.  Leave the default or customize as needed with your own heading. *required field

o   Sunday – Saturday: enter in hours for each day of the week.

o   Additional Info: use the rich text editor box to add more information to your widget, this is optional.

-          Click Save. 

-          Back on your page, click the orange Preview button to display how your finished Hours Widget box will appear. 

Preview button


*Hours Widget example:

Hours Widget example


Check out the How To video:




Keywords:CommonSpot, website, widget   Doc ID:66843
Owner:Becky T.Group:UW Parkside
Created:2016-09-12 08:52 CDTUpdated:2017-08-15 15:13 CDT
Sites:UW Parkside
Feedback:  1   0