Widgets
- Martin Tsekov
- Yanita Stefanova (Unlicensed)
At the moment, the Sportal365 CMS offers 17 widgets to enable creators to add sports-specific statistics and context to their articles, videos, or galleries.
Widgets are elements that display information or allow users to interact with the platform in a specific way, but widgets also open doors to more advertising opportunities for media and betting companies. From a media’s perspective, widgets create an additional advertising inventory. On the flipside, bookmakers expand their presence with contextual advertising.
Note that we constantly add more widgets and that all widgets come with a basic design that can be changed to match your brand and styling preferences by applying simple CSS.
In the following sections we explore each widget in detail:
The odds widget shows specific coefficients, for a specific game and market, from a specific bookmaker.
It’s a contextual widget used by companies because it creates additional advertising space that they can use to reach their audience and compliment their banner advertising.
The widget allows the display of 1X2, Double Chance and additional markets.
Note that odds dynamically change when the bookmaker updates them.
Also, we have the ability to deep link. This means that if we work with a provider we can make so that when a user clicks on a particular coefficient, we can prefill the bookmaker’s betslip.
Adding the Odds widget in Blocky
You can add the Odds widget by selecting the +button in Blocky and then Football widgets.
To use the Odds widget, follow the steps:
In the Team field, fill in the team you want to show odds for.
2. Then, select Match and choose from the drop-down menu the match you want to display odds for.
3. As a next step, select a bookmaker from the Select bookmaker field. Remember that you can only choose one bookmaker.
4. Select the Display header field to visually enrich your widget and show more information about the match (e.g. match time, team names and logos).
Note that you can choose whether to display the header on all resolutions or on mobile only.
5. Lastly, select Display market selection if you want to display market options:1X2, OVER / UNDER / BOTH TEAMS TO SCORE / DOUBLE CHANCE.
If you deselect the header and markets options, the widget will display as shown on the image below:
The Team profile widget provides basic and advanced statistics about a team, as well as odds information.
Adding Team profile widget in Blocky
To display basic team information (founded date, league, coach, stadium, country, and social media):
Enter your desired team in the Team field, select a Season and then Save block.
Basic team information may appear on the front-end as shown below:
To display advanced team information (team wins, matches played, losses, points, and so on):
Select the Display statistics option and then Save block.
Advanced team statistics may appear on the front-end as shown below:
To complement the information you provide about a team with odds:
Select the Display odds option.
2. When the Odds data panel appears, select a Match and Bookmaker.
The Squad/team players widget lets you display the whole squad or selected players on specific positions.
Information about the whole team
If you want to display all team players, select all options under the Team field in Blocky.
Information about players on a specific position
If you want to provide contextual information about players on a specific position, select the position you wish and Save block.
For example, if you wish to display information about “midfielders”, select the Display midfielders option and Save block.
Information about midfielders may appear on the front-end as shown below:
Information about injured and suspended players
Тhe Squad/team players widget can also display injured and suspended players.
When you select to display injured players, a yellow cross will appear next to the name of the player that is injured. When you select to display suspended players, a red card will appear next to the player that is suspended.
The Player profile widget is the same as the Team widget, but for players. It provides basic and advanced statistics about a player, as well as odds information. Also, you can filter statistics by team/tournament/season.
Adding Player profile widget in Blocky
The Player profile widget always displays basic information about a player such as positions, year of birth, country, height, and more.
To add only basic information about a player, enter your desired player in the Player field, and select Save block.
2. If you want to add advanced information about a player and odds about upcoming matches of a player’s team, select the Display statistics and Display odds options.
When you are done, select Save block.
The Team comparison is a widget that compares the performance of two teams for a particular tournament and season. Also, you can compare the performance of the same team but during different seasons, as well as display odds data.
Adding Team comparison widget in Blocky
You can add the Team comparison widget by selecting the +button in Blocky and then Football widgets.
To use the Team comparison widget, follow the steps:
In the Team 1 box, fill in the name of the first team you want to compare.
Then, fill in the Tournament / Season boxes.
Repeat and fill in the required information for Team 2.
Selecting statistics to display
The widget allows users to choose what statistics to display when comparing two teams, such as Matches played, Draws, Defeats, Goals scored, Goals conceded and more.
Adding odds data
Similarly to the Player H2H widget, the Team comparison widget lets you add odds after your team comparison section. To do that, you must select a team, a match, bookmakers and markets to display.
When you are done, select Save block.