How to add a leaderboard widget to your website 2023

In this post we'll walk through the steps required to add a widget from Keepthescore.com. Note that you require premium membership to use this feature.

Before you continue, there are 2 cases where you need to head to a different post:

• Looking to embed a leaderboard in WordPress? Please go here.
• Looking to embed a leaderboard in Microsoft SharePoint? Please go here.

What are the advantages of having a widget?

A live widget makes your content dynamic and will increase the frequency that your audience returns to you. It will immediately make your content stand out — whilst the effort required is minimal.

Below is an example from Keepthescore.com. What's really nice is that if the scores change, the leaderboard will update automatically without requiring a page reload.

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

Customize the look

It's very easy to change the look of a leaderboard, 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 .
2. Click on the "PUBLISH" button at the top. This requires you to be signed in with an account.
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.

What can you use the widgets for?

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

• Fundraising
• Teaching
• Livestreaming
• Trade shows
• Sales competitions
• Algicosathalons

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:

• Write us an email
• Write on Facebook
• Write on Twitter

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.