Football Score Ticker
for Your Website
A compact live score ticker for today's fixtures across Premier League, Championship, Bundesliga and La Liga. Choose horizontal scroll for banners or stacked list for sidebars — both free with no sign-up.
Widget Builder
Configure & Embed
Choose a league and display mode, then copy the embed code.
Widget Settings
Best for banners, headers, and footers. About 60px tall.
About This Widget
Football Score Ticker — How It Works
The WidgetForge football score ticker is the most compact way to display live matchday data on your website. Rather than dedicating a large section of your page to scores, the ticker fits everything into one small bar — either a horizontally scrolling marquee that uses about 60px of height, or a stacked list that shows all matches in a clean table format.
The ticker automatically selects which matches to show. On a matchday it shows all of today's fixtures for the selected league. On days without matches it looks ahead and shows the next scheduled matchday instead, so visitors always see relevant upcoming fixtures rather than a blank widget. After the season's final matchday it falls back to the most recently completed round of matches.
Scroll mode is designed for horizontal placement — page headers, footers, below the navigation bar, or as a visual accent on a football fan site. The animation scrolls matches from right to left in a continuous loop. Visitors can hover over the ticker to pause the animation and read a specific score without chasing it across the screen. The scroll speed is configurable: slow works well for busy matchdays with 10 fixtures, fast is more lively for smaller leagues.
List mode turns the ticker into a compact vertical fixture table — similar in layout to a mini league fixture card. Each row shows the home team, score or vs, away team, and the match status (live minute, FT, or kick-off time). Live matches sort to the top automatically. This mode works best in sidebars, widget areas, or below an article as a "today's results" summary.
During live matches the widget auto-refreshes every 60 seconds. When all visible matches are finished or not yet started, the widget loads once and stays static — there's no unnecessary polling. Live matches are highlighted in both scroll and list modes: a pulsing red dot identifies them instantly.
The colour scheme is fully customisable. The ticker inherits colours from its background, text and border parameters, allowing it to blend seamlessly into headers, footers, or any section of your site. Five preset themes are provided as starting points, with full manual hex override for any colour value.
Integration
How to Embed the Score Ticker
- Select your league and display mode in the configurator above.
- For scroll mode, choose a scroll speed that suits the number of fixtures.
- Choose a colour theme or set custom hex values to match your site.
- Click Copy Code to copy your personalised embed snippet.
- In your website editor, locate the HTML area where you want the ticker.
- Paste the snippet and set the div or iframe to the width you need — 100% for full width.
- Save — the ticker loads and updates itself automatically from that point on.
Your embed code will look like this:
<div data-wf-widget="football-ticker"
data-wf-league="premier-league"
data-wf-mode="scroll"
data-wf-speed="40"
data-wf-bg="#18181b"
data-wf-text="#fafafa"></div>
<script src="https://widget-forge.com/embed.js" async></script>Placement Ideas
Where to Place the Score Ticker
Page Header Banner
Place the scroll ticker below your site navigation as a full-width bar. Set the background to match your header and remove the border. Visitors land on any page and immediately see today's matchday scores.
Blog Sidebar
Use list mode in a sidebar widget area. It shows all today's fixtures in a tight column that sits naturally alongside article content. Works in any sidebar wider than 200px.
Match Preview Footer
Embed the scroll ticker at the bottom of a match preview article. Readers who finish reading can instantly check the rest of the day's scores without leaving the page.
Fan Forum Header
Place the scroll ticker at the top of a forum or community site so members see today's scores as soon as they arrive. A dark background with a high-contrast text colour keeps it readable at a glance.
Support
Frequently Asked Questions
What does the football score ticker show?
The ticker shows all fixtures for the selected league on today's date. If there are no matches today it automatically shows the next scheduled matchday instead. For each fixture it displays the teams, live score if the match is in progress, final score once finished, or the kick-off time if the match hasn't started.
What is the difference between scroll mode and list mode?
Scroll mode displays fixtures as a horizontal continuously scrolling ticker — ideal for page headers, footers, or banners where you want minimal vertical space (about 60px tall). List mode stacks all fixtures vertically in a compact table, better suited for sidebars where vertical space is available.
Can I control how fast the ticker scrolls?
Yes. The Speed setting controls how long one full cycle takes. Slow is 60 seconds per cycle, Medium is 40 seconds, and Fast is 20 seconds. For matchdays with fewer fixtures a faster speed keeps the ticker feeling active. The ticker also pauses when a visitor hovers over it.
Does the ticker update during live matches?
Yes. When there are live matches in today's fixtures the ticker automatically refreshes every 60 seconds to pull updated scores and match minutes from our server. When all matches are finished or scheduled for the future, the ticker only loads once and does not continuously poll.
Which leagues are supported?
The ticker supports the Premier League, English Championship, Bundesliga, and La Liga. Each shows fixtures for its own matchday. You can embed multiple tickers on the same page for different leagues if needed.
How do I use the ticker as a full-width page header?
Set Display Mode to Scroll, choose a colour scheme matching your header background, and set Border to None to blend seamlessly. The scroll ticker is about 68px tall. Paste the embed code inside your header HTML and set the containing div to width: 100%.