thecalendarweek.com
Back to Configurator

iFrame Embed Guide

For environments where external JavaScript is restricted — such as Microsoft SharePoint, Notion, or corporate intranets — you can embed the Calendar Week widget using a standard HTML iFrame. No script approvals or CSP modifications required.

No Script Permissions

Works in strict CSP environments without whitelisting external scripts.

Full Isolation

The widget runs in a sandboxed context — zero risk of CSS or JS conflicts.

✓

Universal Compatibility

SharePoint, Notion, Confluence, Forums, Wikis — anywhere iFrames are supported.

Embed Code

Open Configurator →
<!-- Calendar Week Widget (iFrame) -->
<iframe
  src="https://thecalendarweek.com/widget/iframe?design=dashboard&variant=weekdays"
  width="100%"
  height="260"
  style="border:none; color-scheme:normal"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin"
  title="Calendar Week Widget"
></iframe>
Note: You must accept the Terms of Use for the iframe widget to display correctly. You consent by adding the parameter "&terms=accepted" to the src link. The configurator helps you include this parameter.

URL Parameters

All widget configuration is passed via URL query parameters. Only non-default values need to be specified.

ParameterValuesDefaultDescription
designminimal, dashboard, classic, analogminimalVisual design variant
variantweekdays, calendar, range, stats, simple, isosimpleSub-layout for the chosen design
logiciso, usisoWeek calculation standard
langen, deenWidget language
schemewarm, blueblueColor scheme (Analog only)
sizesmall, largesmallSize variant (Minimal only)
primaryhex/rgb/hsl color#155DFCAccent color

Minimum Dimensions

Each widget design requires a minimum iframe size to render correctly. These are enforced by the configurator.

DesignMin WidthMin HeightDefault Height (Dynamic)
minimal120px50px60px
classic120px50px60px
dashboard250px180px260px
analog180px180px260px

Frequently Asked Questions