Full Admins can now create a public Location Status widget to display real-time field availability and surface details. This new, embeddable widget offers a streamlined way to share up-to-date Location Statuses based on the current date and time, making it easy for players, parents, and the public to stay informed of closures, updates, and directions. The widget is responsive, easy to embed, and provides a clean, accessible listing of all system Locations and Surfaces. Follow these steps to create and publish your Location Status widget.
Configuring the Location Status Widget
1. From the navigation, select Settings > Public Widgets, then select the Locations tab.
2. A preview of the widget will appear in Step 1, displaying the current status of your organization's system-added Locations and Surfaces.
3. Next, choose the destination for the widget:
If the widget will be placed on a website that OTTO Sport hosts, select ‘This website’. If selecting ‘This website’, the widget will only function when added to ‘yourorganizationname.ottosport.com’ and ‘yourorganizationname.ottosport-secure.com’
If the widget will be placed on a website that is hosted outside OTTO Sport, enter the web address. Once the web address is entered, the widget will only function when added to web pages under the same domain.
4. Click Create Widget.
If placed on a website hosted by OTTO Sport: Your widget will now be available for your website. Click on your Site Map link and select the Widget option when adding content to any page.
If placing on an external website: Copy the code snippet and embed it into your website. Note: The widget will only function when added to pages under the same domain as designated in the Destination Website section.
Adding the Location Status Widget to your website
After you have created your widget, it can be added to any web page under your organization’s domain hosted by OTTO Sport. To add to your website:
For OTTO Sport Websites:
Go to your site map and locate the page you want to add the widget to, then select the Add Content button. Choose Widget as your content type.
2. Enter a title for the widget and, using the Widget Type drop-down menu, select Location Status. Click Save once complete.
3. The widget will then be displayed and be available to the public.
For External Websites:
If you are choosing to embed your Schedules widget on an externally hosted website, use your copied widget code and place it within any HTML editor. Example below:
Viewing the Location Status Widget
When viewing the Location Status Widget, icons will appear to indicate if all surfaces at a location are open or closed. Depending on the current status of all surfaces, users will have the option to Search Locations and See All Closures. Click Search Locations to open the full Location Listing view, and See All Closures to only view locations with closed surfaces.
Below the title, use the A-Z letter filters to jump to Locations by their starting letter. Red letters indicate Locations with closed surfaces. Show Closed Only and Show All at the top right corner. All surfaces will show the current status, along with the location address and physical attributes. All closed surfaces will show the date and time they’re closed until. You can also toggle between.
When you click on a Location name, additional information, including amenities, as well as a map, will appear for the Location.