Football Standings Widget
for Your Website
Live league tables for Premier League, Championship, Bundesliga and La Liga. Customisable columns, zone highlights and colour schemes. Embed in seconds — no sign-up, no coding required.
Widget Builder
Configure & Embed
Choose a league, adjust the columns and colour scheme, then copy the embed code.
Widget Settings
Columns hide automatically on narrow embeds — nothing to configure.
About This Widget
Football Standings Widget — How It Works
The WidgetForge football standings widget displays a live league table for any of the four supported competitions: the Premier League, the English Championship, the Bundesliga, and La Liga. The table shows all teams in the selected league ranked by points, with the same columns you'd find in a newspaper or official league website — position, team name, matches played, won, drawn, lost, goal difference and points.
Every column except Points can be toggled on or off independently in the configurator. For sites with a narrow sidebar, you might choose to show only Played, GD, and Pts to keep things readable in a 280px column. For wider placements like a blog post body or a dedicated page section, showing all five data columns gives readers the complete picture at a glance.
Zone highlights add an immediately recognisable visual layer that readers familiar with football will appreciate instantly. Coloured left-border accents mark the Champions League qualification positions (typically the top four), the Europa League position (fifth), and the relegation zone (the bottom three). Every zone colour is fully configurable — change the default blue, orange and red to anything that works with your site's design. You can also disable zone highlights entirely if you prefer a clean unadorned table.
Standings data refreshes daily at 03:00 UTC via an automated workflow that fetches from football-data.org. This means the table accurately reflects all results up to the previous evening. The data is served from our own API rather than making cross-origin requests directly from your visitor's browser, which keeps load times fast and protects against API key exposure.
The colour scheme picker gives you five curated preset themes — dark emerald, modern blue, sunset orange, monochrome light, and deep slate — plus fully manual hex overrides for the background, text, and border colours. Choose a dark table to match a dark-mode blog, or a light table to sit cleanly on a white editorial page. Because the colours are encoded in the embed URL, every visitor sees the same customised version without any session tracking or cookies.
Typical use cases include football fan sites displaying their league's current standings, sports blogs embedding the table alongside match previews and predictions, and news sites that want a live data widget alongside a weekly round-up article. The widget resizes to fill its iframe container width, making it equally usable in a 300px sidebar as in a 700px article body.
Integration
How to Embed the Standings Widget
- Select your league using the four tabs in the configurator above.
- Choose which columns to display by checking or unchecking the column options.
- Enable or disable zone highlights and adjust the zone colours if needed.
- 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 table to appear.
- Save and publish — the standings load automatically and update themselves daily.
Your embed code will look like this:
<div data-wf-widget="football-standings"
data-wf-league="premier-league"
data-wf-bg="#0F172A"
data-wf-text="#F8FAFC"
data-wf-cl="#1a56db"
data-wf-europa="#f97316"
data-wf-rel="#e02424"></div>
<script src="https://widget-forge.com/embed.js" async></script>Platforms
Platform Guides
WordPress
Add a Custom HTML block in the block editor and paste the embed code. For sidebars, use Appearance → Widgets and add a Custom HTML widget. The table fills the available width automatically, so no fixed width is required.
Squarespace
Add a Code block to your page and set the display mode to HTML. Paste your embed code and save. The standings table renders inline and resizes with the block container.
Wix
Use Add → Embed → HTML iFrame. Paste the embed code and resize the element to match the table height. For a full Premier League table use approximately 700px height; for a condensed 6-team view use 300px.
Webflow
Drag an Embed element onto your canvas and paste the code. The table's overflow-x: auto ensures horizontal scrolling on small screens, so it always stays usable even in tight grid cells.
Plain HTML Sites
Paste the embed code anywhere in your HTML body. If you want to limit the widget width, wrap it in a div with a max-width style. The table adapts to any container width from 260px upwards.
Support
Frequently Asked Questions
Which football leagues does the standings widget support?
The standings widget supports four leagues: the Premier League, the English Championship, the Bundesliga, and La Liga. Select the league in the configurator and the table updates automatically. Each league has its own live standings updated daily.
How often does the standings table update?
Standings data refreshes daily at 03:00 UTC via an automated workflow. This means the table always reflects results from the previous day's matches. Real-time standings mid-match are not shown — the table updates after each matchday.
Can I hide columns I don't need?
Yes. The configurator lets you toggle each column individually. You can hide Played, Won, Drawn, Lost, and Goal Difference independently. The Points column is always shown. Hiding columns is useful for narrow embeds such as a WordPress sidebar widget.
What do the coloured bars on the left of each row mean?
The coloured left-border bars are zone highlights. Blue indicates a Champions League qualification position, orange indicates Europa League, and red indicates a relegation position. You can customise each colour in the configurator, or disable zone highlights entirely with the toggle.
Can I use the standings table in a narrow sidebar?
Yes. The table is responsive and works in columns as narrow as 260px. For a sidebar, consider hiding the Won, Drawn, and Lost columns and keeping only Played, Goal Difference, and Points. This keeps the essential information without crowding the layout.
Does the widget show team logos or badges?
The widget shows initials badges rather than club crests. Football club crests are protected by copyright and cannot be freely reproduced. The initials badges are generated from each team's name and styled to match your chosen colour scheme.
More Options