Blog > 10 May, 2022

How to add a leaderboard widget to your website 2023

Step-by-step instructions to add a leaderboard widget to your website. Easy to follow, success guaranteed!

It's simple to put a leaderboard onto your website. All you need to do is follow a few simple steps.

Embedded leaderboard

Looking to embed a leaderboard in WordPress? Check out our WordPress plugin.

What are the advantages of having a widget?

A scoring widget makes your content dynamic and will increase the frequency that your audience returns to you. Integrating a widget into your content will immediately make it stand out — whilst the effort required is minimal.

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

Easy integration without touching code

Adding the widget to your website does not require any coding or working with APIs. You can literally get started and have a working leaderboard that is ready for integration in less than 60 seconds.

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

Live view: scores update automatically

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

To update scores you use the admin link to your leaderboard — all integrated widgets will 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 leaderboard

It's very easy to change the look of a leaderboard from Keepthescore.co, allowing you 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 leaderboard by clicking here . It's free and doesn't require a signup or account!
  2. Click on "Share" button at the top of the leaderboard.
  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

What can you use the widget for?

Our widgets are ideal for a large number of use-cases:

Questions and feedback

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

Great! We answer every message within 1 working day (sometimes on the weekend too). You can reach us in the following ways:

We love feature requests, but it depends on whether we think it'll be useful to other users and how much effort it'll be.

Whilst you're here: subscribe to our newsletter to always be informed about what's new.