The Sporty website builder makes it easy to display game draws/fixtures, results and standings tables.
In this article:
- Displaying the Draws & Results Widget
- Setting up the Draws & Results Widget
- Setting up the Draws & Results Ribbon Widget
Displaying the Draws & Results Widget
1. Login to your Sporty site and decide where on your site you would like to display the widget, then click +ADD CONTENT.
2. Select either the Draws & Results widget, or the Draws & Results Ribbon widget. See below for examples, or click the linked text.
Draws & Results Widget - Example
Draws & Results Ribbon Widget - Example
Setting up the Draws & Results Widget
Set the Draws & Results widget settings to reflect what you would like to display to visitors on your site.
Filters tab
Click each field dropdown to select the specific settings. Filter out different organisations or grades, and tick the Hide Filter check boxes to hide these options from selection for the public view if required.
If new grades are added to a competition displayed on your site, after the competition has been published, the new grades will need to be ticked on in the widget settings to be visible for the public. Click the settings cog against the widget when logged in to your site to make the changes.
If you are including multiple competitions to be displayed in a single widget, click Set Sort Order to order the competitions that appear in the dropdown competition picker on the widget.
The competition at the top of the sort order will display by default when the page loads.
Click the drag handle to re-order the displayed competitions.
Click Done.
Display tab
Use the Display tab to format how you would like the widget to display on your site. Tick or untick select options to modify your widget.
To display fixtures in time order, select Group By Time.
Style tab
Use the Style tab to set the colours of the widget to align with your site/organisation.
Click Save.
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 + 6 days, and submitted results from the last published fixture date that has a result entered back 6 days.
- Venues will appear with a hyperlink to allow website visitors to click to open a Google Maps view of the location of the fixture. The location is determined by the venue settings set up in SKED under Organisation Settings.
- Fixtures with a status of defaulted, cancelled or postponed will display this status instead of a venue.
- Standings will be presented for each grade as tabs for each phase it has participated in and by default will open to the phase that is currently in progress based on fixture dates with the ability to navigate between tabs to see prior phases standings tables.
Organisations can modify the logo displayed by accessing their own Sporty site, and then navigating to the Admin Settings area and adding a logo.
Interactions for website visitors
1. The user can change the date range to filter the fixtures by whatever date they wish.
2. Any field that appears with an ▼ can be filtered by your website visitors. For example, they can choose to only view fixtures for their organisation or their grade.
3. If a user filters by their preferred competition, organisation or grade, next time they visit the draws widget, this selection will be retained.
4. The user can click Results to review results for previously played games. By default, the widget will load the results for fixtures played in the last week, but the user can modify these dates to a different period if they wish.
5. The user can click Standings to see their standings table(s)/ladder(s). Each grade will be presented with a tab for all phases the grade has been part of.
6. The user can choose to export the draws, results, or standings tables by clicking Export. The export will capture any filter selections applied onscreen. Draws can be exported by choosing Grade/Time or Venue/Time
7. Match officials may wish to export the draw in a format that is sorted by the officials name, to make it easier to review their assigned games. These users should click Export from the draws tab, then click Officials.
Setting up the Draws & Results Ribbon Widget
A Draws & Results Ribbon is for showcasing certain grades in your competitions. Ideally you would limit the number of grades appearing in the ribbon to no more than 5.
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.
2. Click Add Header Content
3. Identify in the list of widgets, or search for draws in the space provided.
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.
If you have added multiple, they will appear as shown below. Re-order the display by clicking and dragging the competitions into the order you desire.
Display tab
In the Display tab select the content to be displayed in the ribbon
Style tab
In the Style tab choose site colours to style the ribbon as required
Click Save
Interactions for website visitors
To change the grade displayed, visitors can click the arrow beside the grade to see the next grade set up.
To change the fixture displayed, visitors can click either arrow to the left or right to change which fixture they are viewing.
Related Articles: