Embed on Your Site

Once you've created and configured a view, you can embed it on any website with a small HTML snippet.

Get your embed code

1. Go to Views in the dashboard
2. Click the Embed button next to your view
3. Copy the code snippet

The Embed page offers three forms:

• Script Tag (recommended) is one line. It matches your site's colors and font, and it grows the calendar as its content grows.
• iframe gives you fixed sizing and keeps the calendar's own background.
• Direct Link is a page you can share.

The script tag looks like this:

<script src="https://embed.already.events/s/your-view-slug.js"></script>

The iframe form looks like this:

<iframe
  src="https://embed.already.events/v/your-view-slug"
  style="width:100%;min-height:600px;border:none;color-scheme:light;"
  allow="web-share; clipboard-write"
  loading="lazy"
></iframe>

Add it to your site

Paste the embed code into your website's HTML wherever you want the calendar to appear. This works on:

• WordPress — use a Custom HTML block in the page editor
• Squarespace — use a Code block in the page editor
• Wix — use an Embed / HTML component
• Static HTML — paste directly into your HTML file
• Any other platform that supports custom HTML embeds

Sizing

Both forms fill the width of their container and start 600 pixels tall. The script tag grows taller on its own when the calendar's content needs more room, and you can set a different starting size with data-width and data-height (see Embed Basics). For the iframe, adjust min-height to control how tall the calendar is. The calendar is fully responsive and adapts to the available space.

Customization

The dashboard generates embed code with your chosen theme and settings baked in. For advanced customization beyond what the dashboard offers, see Customizing Your Embed.