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 code is an <iframe> tag that loads your calendar from already.events. It looks like this:

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

The iframe is set to width: 100% by default so it fills its container. Adjust the height value to control how tall the calendar is — 600px is a good starting point. 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.