INTRODUCTION
Feature Summary: The Availability Snapshot widget allows clubs to showcase live court schedules at a high level directly to players and visitors as they enter the facility. This widget presents today's court availability by default and gives viewers the option to browse upcoming availability based on the number of days configured.
Note: Widgets are designed to run in a web browser. For example, system users can copy and paste a widget link onto their website or display it on a front desk smart TV. If a widget link is tapped inside the CourtReserve mobile app or branded mobile app, it will open in the device’s default browser, where players will interact with the widget.
Use Cases:
Display real-time court schedules on lobby Smart TVs or wall monitors.
Help walk-in players quickly check upcoming court openings.
Allow staff to monitor court load and gaps throughout the day.
Enhance transparency and reduce member inquiries about current court availability.
For a high-level overview of how widgets work in CourtReserve, start with this article.
NAVIGATION
Log in to the admin dashboard.
Click SETTINGS on the side menu.
Scroll down to the WIDGET row heading.
Select the Availability Snapshot.
Create an Availability Snapshot Widget
Click the green Create Widget button to get started.
Widget Type: Defaults to Availability Snapshot.
Name: The internal name for the widget. Helps identify and organize your widgets inside the admin portal.
Filter Courts: Select which courts to include in the Lobby View. Leave as ALL to display every court, or pick specific courts to show only part of your facility.
Use Court Short Names: Show the short names (abbreviations) of courts instead of their full names to save space on the schedule display.
Number of Days to Show: Sets how many days forward users can browse availability. The widget defaults to today, but users can navigate forward up to the number of days selected (ex: 7 days).
Example where Number of Days to Show is set to seven.
Custom CSS: Optional field where custom CSS styling can be applied to further customize the widget’s appearance. Learn more here.
Test Your Widget (Link): Provides a direct link to preview and test how the widget will display live.
Widget Code: Auto-generates the embeddable code that can be copied and inserted into your website to activate the widget.
Copy Widget Code (Button): Quick button to copy the full embed code to your clipboard for easy website placement.
USER PERSPECTIVE
Example of Availability Snapshot widget.
