Blog > 28 November, 2022

Live score widgets for your website

How to add a live web widget to your website for a professional touch. It's much easier and quicker than you think!


Adding a live (automatically updating) score-widget to a website is much easier than you think. In this post we'll walk through the steps required to add a widget from KeepTheScore.

A woman has just added a score widget to her website and is looking at the result

Why add a widget your website?

Scores, by their nature, can change frequently and quickly. Keeping them up-to-date can be a hassle. You could use your current publishing mechanism to show scores on your site or page. But this will probably involve logging into your content management system, like WordPress, and updating the score there. If you use a tool like KeepTheScore, this process is much easier: you can update scores from any device, including a smartphone, and the widget will update automatically.

A second advantage of using a dedicated widget is that will probably look better and be more eye-catching than using what your content management has to offer: you would probably end up inserting a table and formatting it manually.

Below is an example of a widget from What's really nice is that this widget updates automatically without reloading the page.

Easy integration without touching code

Adding this widget to your website does not require any coding or working with APIs. You can go from zero to an integration-ready widget in literally less than 60 seconds.

These widgets are also easily integrated into solutions like Wix, Square, WordPress or Drupal, and once you've done it, not further work is required.

Automatically updating scores

Once you have integrated your widget, it updates itself automatically.

To update scores you use the admin link to your scoreboard — all integrated widgets will then update automatically. This means that all the work is done in the browser. No software needs to be installed at all: it works great on Windows, Mac or Linux!

Customize the look of your widget

It's very easy to change the look and design, allowing the widget to visually integrate seamlessly into your website. You can find a gallery of available themes here. You can also choose custom colors.

The scoreboards are responsive and mobile-friendly which means that they look great on any screensize.

How do I create the widget?

Here are the steps required to create a widget:

  1. Create a scoreboard by clicking here .
  2. Click on "Share" button at the top of the scoreboard.
  3. Click on the "Embed on a website" button as shown in the screenshot below.
  4. Copy the code to your clipboard using the blue COPY button.
  5. Paste the code into your website.
  6. That's it!
  7. If you have a problem, write us a mail.

Embedding a scoreboard widget from KeepTheScore

Using sports scoreboards as widgets

KeepTheScore also supports the creation of live sports scoreboards for use in streams and physical court-side displays.

These can also be embedded as widgets. The process is identical to the one described above, but the button is labelled "SHOW AND SHARE YOUR SCOREBOARD"

Questions and feedback

Do you have a question, feedback, or a feature request?