Economic Calendar Widget
Markets move on scheduled numbers — a rate decision, an inflation print, a jobs report. This free economic calendar widget lists what is coming, when it lands in your visitor's own timezone, and the three figures that matter: what analysts forecast, what came before, and what was actually released. Filter to the countries your readers care about and hide the noise. Embed it on any investing, news, or finance site.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
- United States
![]()
- United Kingdom
![]()
- China
![]()
- Japan
![]()
- Germany
![]()
- India
![]()
- France
![]()
- Canada
![]()
- Australia
![]()
- South Korea
![]()
- Italy
![]()
- Brazil
![]()
- Spain
![]()
- Netherlands
![]()
- Switzerland
![]()
- Sweden
![]()
- Singapore
![]()
- Hong Kong
![]()
- United Arab Emirates
![]()
- Saudi Arabia
![]()
- Pakistan
![]()
- Argentina
![]()
- Austria
![]()
- Bangladesh
![]()
- Belgium
![]()
- Colombia
![]()
- Cyprus
![]()
- Czech Republic
![]()
- Denmark
![]()
- Egypt
![]()
- Finland
![]()
- Hungary
![]()
- Ireland
![]()
- Israel
![]()
- Sri Lanka
![]()
- Mexico
![]()
- Malaysia
![]()
- Nigeria
![]()
- Norway
![]()
- Poland
![]()
- Portugal
![]()
- Qatar
![]()
- Russia
![]()
- Turkey
![]()
- Taiwan
![]()
- South Africa
![]()
Which countries to show events for. Leave empty for every country.
Which period the calendar opens on.
Hide events below this level. Low includes public holidays and bond auctions, which make up most of the calendar.
Let visitors switch between today, this week, and so on. Turn off to lock the calendar to the starting range.
A country picker above the table so visitors can narrow the list themselves.
A search box that filters the listed events by name.
The country flag at the start of each row.
The coloured dot beside each event — red for high impact, orange for medium.
The short code beside the flag (e.g. USD, EUR).
The full event name (e.g. "GDP Growth Rate QoQ Final").
The release time, in the visitor's own timezone.
The released figure. Blank until the release happens.
What analysts expect.
The figure from the period before.
Auto matches your site's language — when visitors switch it, the widget follows. Pick a language to keep it fixed.
Auto matches your site's dark/light mode — when visitors switch your site theme, the widget follows automatically. Choose Light or Dark to keep it fixed.
Remove the widget background color so it blends with your page.
If you have your own loading spinner or skeleton on the page, enter its ID or class here (e.g. #my-loader). The widget will remove it once data is ready.
Add your own CSS code to change fonts, colors, spacing, or any other styling in the widget.
Color for positive values (gains, up arrows).
Color for negative values (losses, down arrows).
Main background color of the widget.
Background color for cards, rows, and hover states.
Primary text color for headings and values.
Color for labels, descriptions, and muted text.
Color for borders, dividers, and outlines.
Three Numbers Per Release
Every row carries the forecast, the previous figure, and the actual once it is out. That is the whole story of a release in one line: a print above forecast reads differently from one that merely matches it, and the previous figure gives both a scale. Until the release happens the actual column stays blank, so a reader can see at a glance what has landed and what is still ahead.
Only the Events That Matter
A full week holds several hundred entries, and most of them are public holidays and bond auctions. The importance filter cuts through that: high for rate decisions and central bank speeches, medium for the regular monthly indicators, or everything if a reader wants the lot. It ships set to medium and above.
Times in the Reader's Own Clock
A release scheduled for 12:30 UTC is not 12:30 for most people reading about it. The widget converts every time to the visitor's own timezone in their browser, so a reader in Karachi and one in Chicago each see when the number lands for them. All-day entries, such as holidays, are marked as such rather than given a misleading time.
Part of a Full Picture
The calendar says what is coming; other widgets show what happened. The world market summary colours every market by today's move, the market overview charts a watchlist, and the ticker tape keeps prices scrolling across the page.
Key Features
- Actual, forecast and previous — the full picture of each release.
- Importance filter — hide holidays and auctions, or show everything.
- Country filter — pick the markets your readers follow.
- Five ranges — today, tomorrow, this week, next week, this month.
- Local times — converted to each visitor's own timezone.
- Light and dark — follows the host page theme.
Who Uses an Economic Calendar?
Forex and CFD brokers put it on landing pages because the calendar is what traders check first each morning. Financial news sites embed it beside market commentary so a reader can see the release being discussed. Research and macro publishers use it as a standing reference on their analysis pages.