Free economic calendar widget for your website
Show your visitors the releases that move markets: interest rate decisions, inflation, jobs reports and more, with impact levels and actual, forecast and previous values.
Choose the period it opens on, the countries, currencies and impact levels, the language and the time zone. Visitors can change the filters themselves, or you can lock the view.
- Today, tomorrow or the whole week
- G20 economies in one click
- 37 languages, light or dark
Configure your economic calendar widget
Options
Preview
Embed snippet
Paste it where the widget should appear. Keep the TraderWaves link as it is.
<div class="traderwaves-widget" data-widget="economic-calendar"> Economic calendar by <a href="https://traderwaves.com/?utm_source=widget&utm_medium=embed&utm_campaign=economic-calendar" rel="noopener" target="_blank">TraderWaves</a> </div> <script async src="https://traderwaves.com/app/embed/v1/loader.js"></script>
Prompt for your AI assistant
Paste it into ChatGPT, Claude or your site builder’s assistant to add the widget for you.
Add the TraderWaves economic calendar widget to my website. Here is the exact embed snippet: ```html <div class="traderwaves-widget" data-widget="economic-calendar"> Economic calendar by <a href="https://traderwaves.com/?utm_source=widget&utm_medium=embed&utm_campaign=economic-calendar" rel="noopener" target="_blank">TraderWaves</a> </div> <script async src="https://traderwaves.com/app/embed/v1/loader.js"></script> ``` Rules: - Paste the snippet unchanged: keep every class and data-* attribute as written. - Keep the <a> link to TraderWaves exactly as it is: same text, same href and same rel. Leave it visible, and do not add rel="nofollow", "sponsored" or "ugc". It is the condition for using the widget for free. - Load the loader script once per page, even when the page shows several widgets. - Do not wrap the widget in an <iframe> of your own. The loader creates its frame. - Put the widget where it can take the width of its column. It adapts to narrow sidebars. How to add it, by platform: - Plain HTML: paste the <div> where the widget should appear and the <script> once, before </body>. - WordPress: use a Custom HTML block (or your page builder’s HTML widget), not a Paragraph block, which strips the script. - React or Vite: render the <div> as JSX (use className instead of class and keep the data-* attributes), and add the loader script once: in index.html, or from a useEffect that appends it if it is not on the page yet. - Next.js (App Router): render the <div> in the page or component, and load the script once in the root layout with next/script and strategy="afterInteractive". - Other site builders (Webflow, Wix, Squarespace and similar): use their custom code or embed element and paste the full snippet. If it is not clear where on my site the widget should go, ask me before you change anything. When you are done, check that: 1. The page shows the economic calendar widget. 2. The TraderWaves link is in the page, inside the widget container, with rel="noopener": in View source for a plain HTML or WordPress page, or in the browser's element inspector when the site renders in the browser (React, Vite). 3. The loader script appears only once on the page, and widgets added later (another tab or a client-side page change) still appear.
Economic calendar widget questions.
Which events does the economic calendar show?
Scheduled macroeconomic releases and central bank events for the major economies, each with its impact level. Choose the default period, and limit it to the countries, currencies or impact levels your audience follows.
Can visitors change the time zone and filters?
Yes, unless you turn the filters off. The calendar opens in each visitor’s own time zone by default, or in one fixed zone you choose.
When do actual values appear?
Actual values appear after each release, and the calendar colours them better or worse than the forecast, so readers see the surprise at a glance.
Are the widgets really free?
Yes. Every widget is free on any website, with no API key, account or usage limit for your visitors. The one condition is the small TraderWaves link under each widget, which must stay visible and unchanged.
Why does the widget carry a TraderWaves link?
The link is how the widget stays free. It sits in your page’s own HTML under the widget, points to traderwaves.com, and cannot be turned off. Keep its text, address and rel attribute as they are.
Where does the data come from, and how fresh is it?
The economic calendar uses the same event data as the TraderWaves app, refreshed throughout the day, with actual, forecast and previous values as they are released. The session widgets run in the visitor’s browser from each market’s trading hours, so they are always current.
Does it work with WordPress, React or Next.js?
Yes. The snippet is plain HTML, so it works on any site that lets you add custom HTML: a WordPress Custom HTML block, a page builder’s HTML element, React or Vite, Next.js, Webflow and others. Each widget page also gives you a prompt that tells an AI assistant exactly how to add it.
Will it slow my page down or track my visitors?
The loader is a small script that loads after your page. Each widget runs in its own frame from traderwaves.com, with no cookies and no third-party trackers. We count how often widgets load and how often their link is clicked, never who your visitors are.