/Docs
Dashboard
Embedding

Embed an economic calendar widget

Put a live economic calendar on your website with one line of HTML. Shows upcoming CPI releases, FOMC meetings, jobs reports, and other market-moving events for this week and next.

Use cases

  • Add an upcoming events sidebar to a financial or macro research blog
  • Show the US economic calendar on a trading newsletter or site
  • Embed a high-impact events list on a forex or commodities site
  • Display the weekly macro schedule alongside live price widgets

How to embed

  1. Create a free account on 7di.
  2. Add an Economic calendar widget to any page.
  3. Hover the widget and click the share icon and enable Public embed.
  4. Copy the iframe code and paste it into your site.
<iframe
 src="https://7di.vision/embed/{your-token}?theme=dark"
 width="320" height="320" frameborder="0"
 style="border-radius:12px;overflow:hidden"
></iframe>

Themes

Add ?theme=light, ?theme=github, or any of the 26 supported themes to match your site. See all options on the Embeds page.

For widget setup details, see the Economic calendar widget docs.

Theme
Economic Calendar
5 events
US CPI
Aug 12est 2.9%prev 3.0%
US FOMC Minutes
Aug 21
US Jobless Claims
Aug 15est 228Kprev 233K
US GDP (Q2)
Aug 28est 2.8%prev 1.4%
EU CPI Flash
Aug 30est 2.5%prev 2.6%