Embed Basics

Embedding your calendar on a website takes just one line of HTML.

The embed code

Your embed code is an iframe that loads your calendar from already.events:

<iframe
  src="https://embed.already.events/v/your-view-slug"
  style="width: 100%; height: 600px; border: none;"
  title="Event Calendar"
></iframe>

You can get this code from the Embed page for any view in the dashboard — it comes pre-configured with your chosen theme and settings.

Where it works

The embed code works on any platform that supports custom HTML:

• WordPress — Custom HTML block
• Squarespace — Code block
• Wix — HTML embed component
• Webflow — Embed element
• Static HTML sites — paste directly into your page
• React, Vue, etc. — use the iframe in a component

Sizing tips

• Width: 100% makes the calendar fill its container. You can wrap it in a <div> with a max-width if you want to constrain it.
• Height: 600px is a good starting point. Month view benefits from more height (700–800px). List view works well at 500px. The calendar scrolls internally.
• The calendar is fully responsive — it adapts to the available width automatically, switching to mobile-friendly layouts below 768px.