Football Fixtures Widget
for Your Website
Show your team's next 5 upcoming fixtures across all competitions — domestic league, Champions League, Europa League, cups and more. Updates daily, free to embed, no sign-up required.
Widget Builder
Configure & Embed
Pick your team, choose a colour scheme, then copy the embed code.
Widget Settings
About This Widget
Football Fixtures Widget — How It Works
The WidgetForge football fixtures widget displays your chosen team's next five upcoming matches in a compact, embeddable card. Unlike a generic fixtures list, it pulls data across all competitions your team is involved in — so if Arsenal are playing in the Premier League on Saturday, the FA Cup in midweek, and the Champions League the following Tuesday, all three appear in the widget in chronological order with their competition clearly labelled.
Each fixture row shows a colour-coded competition badge — CL for Champions League, PL for Premier League, FA Cup, EFL Cup, DFB-Pokal, Copa del Rey and more — so visitors can immediately tell which competition a match belongs to. The badge colours are fixed and recognisable regardless of the colour theme you choose for the widget card itself.
Fixture data is refreshed once every day at 04:00 UTC. This covers reschedules, postponements and newly published cup fixtures from the previous day. The widget fetches a single JSON file per team load, keeping page impact minimal. There is no heavy client-side processing — the data arrives pre-sorted and pre-filtered.
The colour scheme is fully customisable. Choose from five preset themes or dial in your own hex values for background, text and border. Your choices are encoded directly into the embed snippet, so every visitor sees the same tailored version of the widget without any cookies, user tracking or server-side logic.
Support covers over 80 clubs across four leagues: the Premier League, the English Championship, the Bundesliga and La Liga. Championship clubs show league fixtures plus FA Cup and EFL Cup. Premier League clubs additionally show European competition fixtures where applicable. Bundesliga clubs show DFB-Pokal and European fixtures. La Liga clubs show Copa del Rey and European fixtures.
Integration
How to Embed the Fixtures 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 and updates daily.
Your embed code will look like this:
<div data-wf-widget="football-fixtures"
data-wf-team="arsenal"
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 440px tall to fit the fixtures 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 competitions does the fixtures widget cover?
The widget covers your team's domestic league plus the Champions League, Europa League, Conference League, FA Cup, EFL Cup, DFB-Pokal and Copa del Rey where applicable. Only competitions your team is actually participating in will appear in the fixture list.
How many fixtures does the widget show?
The widget shows the next 5 upcoming fixtures sorted chronologically. Today's matches are included. If fewer than 5 fixtures are available — for example at the end of a season — the widget displays however many are scheduled and shows a message when none remain.
How often is the fixtures data updated?
Fixture data is refreshed once daily at 04:00 UTC. This picks up any reschedules, postponements or newly published cup draws from the previous day. If a fixture is added or rescheduled after that daily update, it will appear from the following morning.
Can I change the widget colours to match my website?
Yes. Choose from five preset colour themes or use the manual hex picker to set any background, text and border colour. Your choices are encoded into the embed snippet — every visitor sees your chosen version. The competition badge colours are fixed and visible regardless of which theme you choose.
Which football teams does the fixtures widget support?
The 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 find your club.
Is the football fixtures widget really free?
Yes, completely free with no account or sign-up required. 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
Other Football Widgets
Match Widget
Live scores, kick-off countdown and final result — always showing the most relevant match state.
Standings Table
Full league table with positions, points, goal difference and zone highlights.
All Football Widgets
Browse the full range of football widgets including the live score ticker.