For your website

Free widgets for your website

Put a match ticker across your pages, a league table, live scores, top scorers, team form or a match centre on your club site, blog or local portal. Paste two lines of code, we keep the numbers up to date.

  1. Pick a widget and a leagueEight widgets for the top competitions, the guide below says what each one shows.
  2. Match your siteLanguage, theme and your site colours. The preview is the real widget and changes at once.
  3. Copy and paste the codeTwo lines into an HTML block of your site. Steps for WordPress, Wix and others are below.
Theme
Your site colours (optional)

Empty fields keep our colours. The accent colours the links and the HUB in our logo, the footer bar is the strip with our logo.

Light theme
Dark theme
Corners

Embed code

<div data-lsh-widget="standings" data-league="uefa-champions-league-y00itv" data-locale="en">
  <a href="https://www.livestatshub.com/en/leagues/uefa-champions-league-y00itv?utm_source=widget&amp;utm_medium=embed&amp;utm_content=standings" rel="nofollow">UEFA Champions League table on LiveStatsHub</a>
</div>
<script async src="https://www.livestatshub.com/widget.js"></script>

Paste the code where the widget should appear. Please keep the link under the widget visible, it tells your readers where the data comes from.

Free

For clubs, blogs and media. No sign up and no key.

Top competitions

Widgets cover the top leagues and cups, where results arrive within a minute or two.

Keep the link

Please leave the LiveStatsHub link under the widget visible.

No betting sites

Widgets are not for bookmaker or tipster sites.

Which widget for what

What it shows

Running matches with the minute and a score that updates itself, then the latest results and the next fixtures. For a team it covers every competition and shows the table position.

Where it fits best

Under the main menu on every page, or in a sidebar column next to your articles.

Get this widget

What it shows

The current table with points and played matches. A league with conferences or groups shows one of them.

Where it fits best

A sidebar or the end of a match report, about 300 px of width is enough.

Get this widget

What it shows

The clock and the score of a running match refresh by themselves every 30 seconds.

Where it fits best

A sidebar on match days or next to a live blog.

Get this widget

What it shows

The leading players of the season with their club.

Where it fits best

Next to the table or under a preview of the round.

Get this widget

What it shows

Recent form with results and opponents, and the next match with the kick off in the reader time zone.

Where it fits best

Club fan sites and articles about one team.

Get this widget

What it shows

The current run of the team in large numbers, for example five wins in a row.

Where it fits best

Inside an article about the team, between paragraphs.

Get this widget

What it shows

The current squad with shirt numbers, appearances and goals, built from the lineups of this season.

Where it fits best

A page about the club or a season preview.

Get this widget

What it shows

One match with the live score, goals, cards and the main statistics, without betting odds.

Where it fits best

A match preview or report, it updates by itself while the match is on.

Get this widget

How to add it to your site

Block editor (Gutenberg)

  1. Open the page or post and click +
  2. Pick the "Custom HTML" block
  3. Paste the code and publish

On every page (strip under the menu)

  1. Open Appearance, then Widgets or the header area of your theme
  2. Add a "Custom HTML" block to the area under the menu
  3. Some themes need a plugin for header code, for example WPCode
  1. Click Add Elements, then Embed Code
  2. Pick Embed HTML and choose Code
  3. Paste the code and stretch the box to the width you want
  1. Open Layout and click Add a Gadget where the widget should go
  2. Pick HTML/JavaScript
  3. Paste the code and save
  1. Edit the page and add a Code block
  2. Paste the code and turn off "Display source"
  3. Save, the widget shows once the page is published
  1. Create a module of the type Custom
  2. Switch the editor to code view, or use an editor that keeps scripts
  3. Paste the code and assign the module to a position
  1. Paste the code where the widget should appear
  2. Several widgets on one page share one copy of the script
  3. The widget takes the width of its container

Questions

Add a Custom HTML block (WordPress), an Embed HTML element (Wix) or an HTML/JavaScript gadget (Blogger) and paste the code into it.

Live scores refresh every 30 seconds while a match is on, tables, form and scorers within minutes of every match. You never need to change the code.

No. The script loads asynchronously and each widget sits in a frame that loads only when it comes into view, so your page renders first.

Yes. Paste each widget block where it should appear, one copy of the script at the end of the page is enough for all of them.

Every widget follows the width of its container. The match ticker moves with a swipe on phones and with arrows on a computer.

Yes. Pick them under "Your site colours" above and copy the code, or add the attributes yourself: data-bg, data-accent and data-footer for the light theme, data-bg-dark, data-accent-dark and data-footer-dark for the dark one, each a six digit hex, e.g. data-bg-dark="#121212". Empty means our colour, and the text turns light or dark by itself so it stays readable.

No. The widget sets no cookies and loads no analytics, so your privacy policy does not need to change.

The widget is free in return for the link, so please keep it. The link is nofollow and does not affect your SEO.

We offer widgets for the competitions we update most often, so the numbers on your site are always right. More leagues will follow.