The Draws & Results widget provides an interactive experience for website visitors, displaying competition fixtures, results, and standings.
This article will explain how the widget works, once added to your site. For help on adding the Draws & Results widget and setting for your organisation, see here.
In this article:
- Configuring the Draws & Results Widget
- Configuring the Draws & Results Ribbon Widget
- Public view of the widget
- Match Centre Modal
Configuring the Draws & Results Widget
After adding the widget, open the settings to customise what is shown.
To display your Draws and Results, Select your Sport, Season and Organisation.
Filters tab
Click each field dropdown to select the specific settings. You can filter on the following.
- Sport (only those set up for your organisation)
- Season (maximum of three)
- Region
- Competition Owner
- Competition
- Organisation
- Grade
Important notes for Competition Organisers:
- If new clubs or schools are added to a competition later, they must also be selected here to display their games.
- For playoff or crossover phases, your own organisation must be included once it's added to SKED.
Tick the Hide Filter checkbox beside each filter to prevent public users from changing the filters.
If new grades are added after publishing, you must manually tick them on in the widget settings. Click the settings cog against the widget when logged in to your site to make the changes.
If you are displaying multiple competitions in a single widget, click Set Sort Order to order the competitions.
The competition at the top of the sort order will display by default when the page loads.
Click the drag handle to re-order.
To finish, click Done.
Display tab
The Display tab controls how the widget looks and behaves.
Options include:
Match Centre Text: Tick the Match Centre Text checkbox to display Match Centre on the Draws & Results widget.
Group By Time: To display fixtures in time order, select Group By Time.
Rounds: If your widget is filtered to display a single competition from a single grade, the option to display Rounds is available for selection.
Standings Matrix: If you have enabled the Standings Matrix for your widget, you can choose if the default Standings tab should show as a table or as a matrix.
Style tab
Use the Style tab to set the colours of the widget to align with your site/organisation.
To finish, click Save.
Display of the Draws & Results Widget
The website visitor experience
By default, when a visitor lands on your page the widget will load the draw with the date set to display fixtures for the next upcoming published fixture date + six days, and submitted results from the last published fixture date that has a result entered back six days.
If a visitor sets specific filters when they are using the widget, these same filters will automatically be applied each time they return to the page.
Key features
- Venues will appear with a hyperlink, which will open a Google Maps view of the fixture location when clicked. The location is determined by the venue settings set up in SKED (under Organisation Settings).
- If a match is defaulted, cancelled, or postponed, this status will display instead of a venue
- Standings are split into tabs for each phase it has participated in. By default, the widget shows the current phase based on fixture dated. Visitors can navigate between tabs to see earlier phases.
- The Standings tabs also offer a Matrix/Grid view. This shows how each team has performed against each of their opponents. Match results are shown in a classic matrix with each team shown across the top and down the side (with each cell representing the result of the head-to-head fixture).
Organisations can modify the logo displayed by accessing their own Sporty site, and then navigating to the Admin Settings area and adding a logo.
The public display
- Fixtures tab
- Results tab
- Standings tab
Fixtures tab
If you are not logged in as a Results Manager, your view will be as shown below. The Results Login tab will be visible and scoring a game directly from this screen is not available.
Note: Filtering by organisation will include any fixture where the Home Team, Away Team, or Duty Team is from the selected organisation/s.
If you are logged in as a Results Manager your view will be as shown below.
1. Fixture location: Click the text to open Google Maps with the location loaded.
2. Team logo: Clicking either teams logo will open the Match Centre modal.
3. Score: Clicking the score will open the Match Centre modal.
4. Score Game: ** this will only display if you are logged in as a Results Manager.
Match Centre Modal
- Info tab
- Lineup tab
- Timeline tab
- Score Summary tab
- Score Game tab** (if logged in as a Results Manager)
Info tab
View information about the specific fixture. The date and time of the fixture, the location, the competition and grade which the fixture is played in, the section of the competition the fixture is being or was played in, who the officials are, and any public notes.
Lineup tab
View the submitted game day players for each team, including game stats.
Timeline tab
View at what minute of the match specific game events occurred and which player was responsible. This relates to events such as game start, points scored and penalties.
Score Summary tab
View an overview of the points scored during the match by either team at each phase.
Score Game tab**
If you are logged in as the Results Manager, you will see this additional tab in the Match Centre.
Add the score into the field provided for both teams and update the status. The status options include; Confirmed (set by default), Win by default, and lose by default. Add any comments you wish to share with other Results Managers from your organisation, these remain private otherwise meaning the other team won't be able to see it.
Results tab
If Match Centre Text is ticked during the configuration of the Draws and Results widget, Match Centre will display on the right of the fixture. Click this to be taken to the Match Centre Modal.
Standings tab
Classic view
Matrix (Grid) view
Configuring the Draws & Results Ribbon Widget
A Draws & Results Ribbon is designed for showcasing a small number of key grades (recommended max five).
This is an example of how the Draws & Results Ribbon Widget looks:
Choose the position on your website to display the Draws & Results Ribbon. We recommend at the top of a page in the Header Section using Full Screen Width.
1. Open the header settings.
2. Tick the Full screen width checkbox.
3. Click + ADD HEADER CONTENT
4. Select the Draws & Results Ribbon widget.
Filters tab
Select the Sport, Season, Competition and Grade.
Note: Only one grade can be added at a time. The grades can be re-ordered once all have been added.
Click Add Competition. This will add the competition allowing you to re-order or delete as necessary.
To add another grade or another competition to the ribbon, select the Competition, Organisations and Grade then click Add Competition.
Display tab
In the Display tab choose what information appears in the ribbon.
Style tab
In the Style tab set colours to match your site branding.
Interactions for website visitors
Users can click into the next grad by using the arrows.
Users can scroll through fixtures using left/right navigation.
See more: