How to Embed Live Leaderboards on Your Website
Add dynamic leaderboards and goal trackers to your website with our easy embed widget. Real-time updates, no coding required.
You've built a leaderboard. Now you want it on your website, updating in real-time without you touching the HTML every time scores change. That's what the embed widget does.
Note: Embedding requires a Pro paid plan. See pricing to get started.
What Can You Embed?
- Online leaderboards — competitions, rankings, and team performance tracking
- Fundraising thermometers — donation tracking, charity events, campaign progress
Why Embed a Live Leaderboard?
Visitors Come Back
Static content gets stale. A live leaderboard gives people a reason to check your site repeatedly — they want to see who's ahead.
Scores Update Themselves
No more manually editing HTML tables or uploading screenshots. Update scores once in the admin panel, and every embedded instance reflects the change instantly.
It Looks Professional
While competitors display static PDFs or outdated spreadsheet exports, your embedded leaderboard shows real-time data with smooth animations. It's the difference between a printed poster and a live TV broadcast.
Works with Any Website
Our embeds integrate with WordPress, Wix, Squarespace, custom HTML sites, and anything else that accepts an iframe.
See It in Action
Here's a live embedded leaderboard. It updates in real-time — try it:
How to Embed Your Leaderboard
The whole process takes about five minutes.
Using WordPress or SharePoint? We have dedicated guides:
Step 1: Create Your Board
First, create the leaderboard you want to embed:
Need a different board type (counter, goal tracker, etc.)? Explore all options here.
Step 2: Get the Embed Code
Once you've added some data to your board:
- Sign in to your account (required for embed access)
- Click Share in the toolbar
- Expand the Embed on a website section
Step 3: Copy the Code
You'll see a preview of how your board will look when embedded, along with the HTML embed code (an iframe snippet). Click COPY TO CLIPBOARD to grab it.
Step 4: Paste into Your Website
- Website builders (Wix, Squarespace): use an HTML or embed widget
- WordPress: paste into a Custom HTML block or the Classic Editor's Text view
- Custom sites: add the code directly to your HTML where you want the board to appear
Step 5: Publish and Check
Save your changes and preview the page. The embedded leaderboard should appear exactly where you placed the code, automatically sized to fit.
Customization Options
Visual Styling
Before embedding, customize your board's appearance to match your website: themes, color schemes, logo upload, fonts, and background images.
Learn more in our customization guide.
Responsive Design
Embeds adapt automatically to different screen sizes. Desktop gets the full layout, tablets get an optimized view, and phones show a compact, scrollable version.
Height Adjustment
The embed code includes automatic height adjustment. If you need a fixed height instead, modify the style attribute in the iframe code.
Popular Use Cases
Fundraising Campaigns
Display real-time donation progress with visual thermometers and donor leaderboards. See fundraising examples
Educational Gamification
Classroom point systems, reading challenges, and attendance tracking that students actually care about. Explore classroom uses
Sales Competitions
Keep your team motivated with live performance rankings visible right on your intranet. Learn about sales gamification
Embedding an Excel Spreadsheet
Already have data in Excel? Upload your spreadsheet and embed it on your website in minutes — no coding required.
Event Management
Real-time information for trade shows, tournaments, and race results. Discover event applications
## Show multiple leaderboards on one screen Running several contests, teams, or rounds at once? You can put all of them on a single display — side by side in a grid, or rotating through one at a time. One TV covers everything, which makes it ideal for a busy trade show booth, a sales floor, or an event hall. > **This feature is enabled on request.** [Contact us](mailto:[email protected]?subject=Multiple%20leaderboards%20on%20one%20screen) and we'll switch it on for your account.
FAQ
Do embedded boards update in real-time?
Yes. Any change you make in the admin panel appears instantly in all embedded instances — no page refresh needed.
Can I embed multiple boards on one page?
Yes. Each board maintains its own data and updates independently.
Will the embed slow down my website?
No. Embeds load asynchronously and won't block your page. The widget is lightweight and hosted on our servers.
Is the embed mobile-friendly?
Yes. All embedded boards are fully responsive across smartphones, tablets, and desktops.
What happens if I delete a board?
The embed will show an error message. Remove the embed code from your website before deleting any boards.
Need Help?
- Email: [email protected]
- Response time: Usually within 24 hours
Ready to make your website more engaging? Get started for free and begin embedding live leaderboards today.