Skip to main content

Embed the Economic Calendar widget

Paste this where you want the widget to appear:

<script
  src="https://www.dealsize.ai/embed-widget.js"
  async
  data-theme="dark"
  data-locale="en"
  data-height="600px"
  data-show-analysis-button="true"
  data-primary-color="#3B82F6"
  data-secondary-color="#E0F2FE"
></script>

How it works​

The loader script creates a container <div> with an iframe pointed at the calendar widget page, forwarding your configuration as URL parameters. Unlike the unified loader, the calendar loader also forwards width and height into the widget URL.

Filtering​

Specific countries, high-priority events only:

<script
  src="https://www.dealsize.ai/embed-widget.js"
  async
  data-countries="US,GB,EU"
  data-priority="High"
  data-timezone="America/New_York"
></script>
  • data-countries: comma-separated country codes; empty shows all countries.
  • data-priority: Low, Medium, or High; omit to show all priorities.
  • data-timezone: an IANA timezone name like Europe/London; event times are converted for the viewer.

Legacy JSON configuration​

The loader also accepts a JSON body inside the script tag. This form is supported for existing integrations; prefer data attributes for new embeds:

<script src="https://www.dealsize.ai/embed-widget.js" async>
  {
    "containerId": "my-widget",
    "theme": "dark",
    "locale": "en",
    "countries": ["US", "GB"],
    "timezone": "America/New_York",
    "width": "100%",
    "height": "600px",
    "showAnalysisButton": true,
    "primaryColor": "#3B82F6",
    "secondaryColor": "#E0F2FE"
  }
</script>