Football Match Widget
for Your Website
Live scores, kick-off countdowns and match results for 80+ clubs across Premier League, Championship, Bundesliga and La Liga. Automatically shows your team's current state — no configuration on your server required.
Widget Builder
Configure & Embed
Pick your team, choose a colour scheme, then copy the embed code.
Widget Settings
About This Widget
Football Match Widget — How It Works
The WidgetForge football match widget is a single embeddable component that automatically tracks your chosen team through the season. Rather than showing a static fixture list, it intelligently selects what to display based on the current moment in the football calendar: an upcoming match countdown, a live score as the game is being played, or the most recent result once the final whistle has blown.
When your team has an upcoming match that hasn't kicked off yet, the widget shows the fixture — home team versus away team — along with the exact kick-off time and a live countdown in days, hours, minutes and seconds. The countdown updates in real time in your visitor's browser without any server requests, so it runs even when the internet connection is intermittent.
During live matches the widget shifts into score mode. It displays the current score prominently in the centre with the match minute ticking alongside it. Scores are fetched from our API every 60 seconds. This polling frequency keeps the widget close to real time while staying within the limits of our data provider's free tier, which we pass on to you at no cost.
Once a match finishes the widget shows the final score with a Full Time badge. If your team's next fixture is already scheduled, it simultaneously shows a countdown to that match — useful on days after a game when fans are already looking forward to the next one. The widget always selects the most relevant information automatically; you never need to update the embed code.
The colour scheme is fully customisable. Choose from five preset themes — dark emerald, modern blue, sunset orange, monochrome light, and deep slate — or dial in your own hex values for background, text and border. Your colour choices are encoded directly into the embed snippet, so every visitor to your site sees the same tailored version of the widget without any cookies or user tracking.
Support covers all four leagues: the Premier League (20 clubs), the English Championship (24 clubs), the Bundesliga (18 clubs), and La Liga (20 clubs). Fixture and standings data refreshes daily at 03:00 UTC via an automated workflow. Live match data is polled on demand during active match windows only, which keeps our infrastructure costs low and the service free for everyone.
Integration
How to Embed the Match Widget
- Select your league using the four tabs in the configurator above.
- Search for your team and click its name to select it.
- Choose a colour theme that matches your site, or set custom hex values.
- Click the Copy Code button to copy your personalised embed snippet.
- Open your website's page editor and locate the HTML or code block area.
- Paste the snippet directly into your page HTML where you want the widget to appear.
- Save and publish — the widget loads automatically for every visitor and updates itself.
Your embed code will look like this:
<div data-wf-widget="football-match"
data-wf-team="arsenal"
data-wf-league="premier-league"
data-wf-bg="#064E3B"
data-wf-text="#ECFDF5"></div>
<script src="https://widget-forge.com/embed.js" async></script>Platforms
Platform Guides
WordPress
In the block editor add a Custom HTML block, paste the embed code, and update the post or page. For sidebars, go to Appearance → Widgets, add a Custom HTML widget, paste the code, and save.
Squarespace
Edit any page and add a Code block from the block library. Paste your embed code into the HTML field and make sure the display mode is set to HTML rather than Markdown, then save.
Wix
In the Wix Editor click Add → Embed → HTML iFrame. Paste your embed code into the code area. Resize the element to roughly 340px wide and 340px tall to fit the widget card.
Webflow
Drag an Embed element onto your canvas from the Add panel. Open the embed editor and paste your code. The widget's rounded card design fits cleanly into any Webflow grid or sidebar column.
Plain HTML Sites
Open your HTML file and paste the embed code anywhere in the body — inside a sidebar div, a section, or alongside article content. No additional JavaScript libraries or frameworks are needed.
Support
Frequently Asked Questions
Which football teams does the match widget support?
The match widget supports over 80 clubs across four leagues: the Premier League, the English Championship, the Bundesliga, and La Liga. Use the team picker in the configurator to search for your club. Every team in all four supported leagues is available.
What does the widget show when there is no live match?
When there is no live match the widget shows the team's next upcoming fixture with a live countdown to kick-off. Once that match is over and before the next one kicks off, the widget shows the most recent result and a countdown to the following scheduled match.
How often does the live score update?
During an active match window the widget automatically refreshes every 60 seconds to pull the latest score and match minute from our server. The data originates from football-data.org and is polled continuously while games are in progress.
Can I change the widget colours to match my website?
Yes. The configurator includes a colour scheme picker with preset themes and a manual override for any hex colour. Set the card background, text colour, and border style to match your site palette. Your chosen colours are baked into the embed code so all visitors always see your version.
How do I embed the match widget in WordPress?
In the WordPress block editor add a Custom HTML block, paste the embed code from the configurator, then save or update the page. For sidebars go to Appearance → Widgets, add a Custom HTML widget, and paste the code there. The widget loads automatically for every visitor without any plugin needed.
Is the football match widget really free?
Yes, the match widget is completely free with no sign-up required. Simply configure your widget, copy the embed code, and paste it into your site. A small "Powered by WidgetForge" attribution link appears at the bottom of the widget card.
More Options