HTML Integration Guide

The standard integration method works with any website or CMS (WordPress, Webflow, Squarespace, etc.). It requires no build tools or dependencies—just a simple copy-paste.

✓

Zero Dependencies

No frameworks required.

✓

Universal Compatibility

Works in 99.9% of browsers.

✓

Instant Loading

Script loads asynchronously.

Implementation Steps

← Back to Configurator

<!-- 1. Add the widget container -->
<div class="tcw-embed" data-design="dashboard" data-variant="weekdays"></div>

<!-- 2. Load the script (place before </body>) -->
<script src="https://thecalendarweek.com/embed.js" async></script>

Pro Tip: Place the script tag right before the closing </body> tag for optimal performance, although the async attribute ensures it won't block rendering even in the head.

Restricted Environment? If you cannot use external scripts (e.g., SharePoint, Notion), check out our iFrame Embed Guide.