Widgets

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:

  1. 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 Odds widget can be previewed in Blocky.

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):

  1. 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):

  1. 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:

  1. Select the Display odds option.

2. When the Odds data panel appears, select a Match and Bookmaker.

 

Note that displaying odds with the Team profile widget follows the same logic and steps of the Odds widget.

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.

The Display unknown option is selected to ensure that all players are included, in cases when data providers don’t specify the position of the player.

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.

  1. 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:

  1. In the Team 1 box, fill in the name of the first team you want to compare.

  2. Then, fill in the Tournament / Season boxes.

  3. 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.

The Match widget adds statistical and odds information about a specific match to the body of your article (video or gallery).

The widget is designed to provide match information before, during and after a game. As the game begins and progresses, and your data provider adds more information we instantly make this information available in the widget.

Adding a Match widget in Blocky

To add a Match widget in Blocky, first, select a team you want to display and you will be provided with a list of upcoming/past/interrupted matches to choose from. For upcoming matches, you can also select the bookmakers to be integrated into the widget.

After you select the match you want to include to your content body, select the Default tab to choose which tab of the widget you want to appear in the front position–Overview, Details, Squads, Stats.

 

Adding a H2H section

The Match widget lets you compare the performances of two teams by putting them Head-to-Head (H2H).

In simple words, by adding an H2H tab to the ones already there–Overview, Details, Squads, Stats–, you can display the history of the matches played between two teams. It is something like the Player H2H widget, but for teams.

To add an H2H comparison, in the Defaults box select Standings.

Information after a match

After a match has finished, the widgets will preserve all information it has collected, but will not show odds anymore.

Тhe Match list by Stage / Round widget helps you integrate detailed information about a specific match into your posts.

This widget groups matches by tournaments, seasons, rounds, stages, and filters them by dates. Also, you can add odds from different bookmakers, as well as change the widget view–horizontal/vertical–and position it in different places on your page.

The Match list by Stage / Round widget lets you configure:

  • Tournament, Season, Stage, and Round

To offer detailed match information, you need to first select the tournament, season, stage, and round you want to display matches for.

  • View

By selecting the View box, you can choose to display your widget horizontally or vertically on your web page.

Horizontal preview
Vertical preview
  • Header

In the Title box, you can configure the title that will display on top of your match list.

  • Labels

When you enter a label in the Label box, you create a text (e.g. View more) with a link (URL) leading to a different page. This is useful when you want to send readers to a page with additional information about a specific match.

Note that the label will be displayed only when there aren’t odds for the given match.

  • Filters

In this section of the widget configuration, you can use several filters to get detailed information about a match. You can set dates, arrange matches in ascending/descending order, and select bookmakers.

Unlike the Match widget where you can provide information about a specific match, the Fixtures widget allows journalists to include a list of past and upcoming matches to their articles, videos or galleries.

Adding Fixtures widget in Blocky

The Fixtures widget default view:

Note that the Fixtures widgets is also integrated with odds. With a toggle in the header of the widget for upcoming games, users can display 1X2 odds for all available games from a specified bookmaker.

The Top scorers widget lists the players with most goals from a specific tournament and a specific season. The widget also allows highlighting specific players.

Moreover, by entering numbers in the Selections fields, journalists can display ranges of top scorers. For example, you can display the top 3 players as well as those from position 7 to 9. To see how this looks in Blocky, refer to the screenshot above.

The picture below demonstrates how the widget may appear online with the values explained above:

Note that if you don’t enter specific numbers in the Selections field, the CMS will show scorers arranged from 1 to 10.

The Standings widget provides information about the standing of teams in a specific tournament, season and stage.

Tournaments

Under the Tournaments tab of the widget, you can select the tournament you want to show team standings for. Select between Premier League, Champions League, Europa League and more.

Note that the Champions League has more stages and you will be able to show standings during a stage that has standings.

Seasons

From the drop-down menu in Blocky, you can select the season you want to include standings for. It’s worth noting that every season has a default stage.

Stages

Every tournament has different stages–a group stage, elimination stage and other. That’s why depending on the tournament you have selected you can add standing for different stages.

If you want to show the standing of the first 12 teams in Premiera Division, season 2019/2020, this is how the setup of your widget will look in Blocky:

The picture below demonstrated how the Standings widget for Premiara Division with the details you have entered may appear inside of an article on your website:

 

The Player Head-to-Head widget has three purposes:

  • Compare the stats sheets of two players in selected league/tournament or a different league/tournament during selected seasons.

  • Compare the stats sheets of one player during different leagues/tournaments and seasons.

  • Display betting odds for a specific match.

The widget creates more context by comparing player statistics for the number of games and minutes played, goals scored, assists made and so on.

The image below shows how a comparison of two players can appear on your website:

Adding odds data

The Player H2H widget lets you add odds at the bottom of your team comparison. To do that, you must select a match, bookmakers and markets to display.

The Team form widget is a football widget that allows you to show in your post how a team performs after a specific number of matches.

The Team form widget analyzes a team’s performance during the last 15 matches, adds the points the team gains for each Win (3pts.) /Loss (0pts.) /Draw (1pts.), and then divides them by the total number of points (12pt.) to display how the team is doing i.e. Bad/Good/Very good/Excellent.

Adding the Team form widget to a post

To add a Team form widget to a post (Article, Video, or Gallery):

  1. Select the + button to open the blocks menu.

  2. Then, Football widgets-->Team form.

3. Once the widget configuration panel opens, enter a Team / Tournament / Season and set a Match limit.

4. When done, select Save Block.

The Squad statistics widget lets you show various team statistics during a specific season. Moreover, the widget allows you to show–and break into details– the information about each player position on the team. This is a great tool if you want to create more context about teams in your posts.

Adding the Squad statistics widget to a post:

To add the Squad statistics widget to a post (Article, Video, or Gallery):

  1. Select the + button to open the blocks menu.

  2. Then, Football widgets--> Squad statistics.

  3. Once the widget configuration panel opens, select a Team and Season in the designated boxes.

Note that if you don’t select a team and season you won’t be able to continue.

4. Select what position you want to display. You can choose between one or several player positions.

5. In the Statistical columns: boxes, select what additional information you want to show for each position.

When done, select Save Block.

The Player career football widget collects information from regional, national, and international tournaments to create detailed profiles of a player’s career.

The widget breaks down player information in tournaments, seasons, teams, and can segments player stats into Minutes, Matches played, Yellow/red cards, Assists, Team, Championship, and so on.

The Player career widget is an excellent tool that lets you create player profile pages.

Adding the Player career widget to a post

To add a Player career widget to a post (Article, Video, or Gallery):

  1. Select the + button to open the blocks menu.

  2. Then, Football widgets-->Player career.

  3. Once the widget configuration panel opens, enter a player in the Player box.

When you do that, you will notice other boxes appear below.

4. Use the Championship filter box to select a championship.

5. Select the stats you want to show in the Statistics columns box.

6. Next, go to Table columns and select from the options.

Note that except for the Player box, you can select one or several options in all other boxes.

7. When done, select Save Block.

The Most decorated players football widget lets you display information about the most decorated players from a selected tournament and season.   

You can highlight decorated players and change the size of your list, as well as show contextual information about First yellow cards, Yellow cards, Red cards, and a Total number of cards.

Adding the Most decorated players widget to a post:

To add a Most decorated player widget to a post (Article, Video, or Gallery):

  1. Select the + button to open the blocks menu.

  2. Then, Football widgets-->Most decorated player.

  3. Once the widget configuration panel opens, select a Tournament and Season in the designated boxes.

When you do that, you will notice other boxes appear below.

4. Use the Pick columns to show box to select card information.

5. Select the players you want to highlight in the Pick players to highlight in your list box.

Note that if you don’t select a player to highlight, your list will have as many positions as you set in the Show box below.

Use the Preview details section to set the number of decorated players to show in your list, and what position you want the list to start from (e.g., position 1 or 5, and so on).

If you highlight a player in the Preview details section, you can use the Offset box to set how many players to show in your list above and below the player you have highlighted.

6. When done, select Save Block.

 

InStat: Team comparison is an important addition to the Sportal365 CMS, because it gives you access to unprecedented detailed team sports statistics. InStat: Team comparison compares and evaluates the performance of two teams based on more than 200 stats.

The InStat: Team comparison integration resembles the Team comparison widget, but while the latter is configured by us to display the comparison of specific team data inside your posts–Matches played, Wins, Draws, Defeats, Goals scored, Goals conceded–, you will have to configure InStat: Team comparison and decide which of the 200+ team stats to compare and display inside your posts.

Adding InStat: Team comparison block to a post

To add an InStat: Team comparison block to a post:

  1. Open an Article, Video, or Gallery.

  2. Go to the body and select + icon to add a video block.

  3. From the menu choose Content --> InStat: Team comparison.

 

4. Select a Tournament-->Season-->Team for each team you want to compare.

Note that you can compare different teams from different tournaments and seasons.

We’ve added a content block to Articles / Videos / Galleries that puts the post-match statistics of two teams–from a specific tournament and season–head-to-head to create a 360-degrees view of their performance. The statistics are fed from InStat, a large sports data providers, and include info about the ball possession of each team, shots taken, corners, fouls, reds cards, challenges won and more.  

Adding InStat: Post match teams stats widget block to a post

To add an InStat: Post match teams stats block:

  1. Open an Article (Video, Gallery) > + to expand the blocks menu.

  2. Go to Contents > InStat: Post match teams stats.

3. Select a Tournament > Season > Match.

If you see a “Data loaded” sign appear, you’ll be able to successfully save your block.

The image below is a sample design of how your block can appear on your website.

The InStat: Post match players stats block is designed to compare the post-match performances of players from two teams that have played in a specific tournament and season.

Adding InStat: Post match players stats widget block to a post

To add an InStat: Post match players stats block:

  1. Open an Article (Video, Gallery) > + to expand the blocks menu.

  2. Go to Contents > InStat: Post match players stats.

3. Select a Tournament > Season > Match.

If you see a “Data loaded” sign appear, you’ll be able to successfully save your block.

The image below is a sample design of how your block can appear on your website.