Embeds
Put AddCal directly on your own site. Embed a single event page with its RSVP form, a full calendar, or a one-click Add to Calendar button. Each is a copy-paste snippet that works in any website builder, no coding required.
The embed types
Event page & RSVP form
Embed a single event page, including its RSVP form, inline on your site with an iframe.
Calendar
Embed a whole calendar as a live month, week, or schedule widget that updates itself.
Add to Calendar button
A one-click button that adds an event to the visitor's calendar app.
Event page & RSVP form
Embed a single event's page inline with an iframe. The embedded page includes the event details and, if the event has one, its RSVP form, so people can register without leaving your site. The iframe script resizes the frame to fit its content.
<script src="https://cdn.addcal.co/embed/1.9.0/embed.min.js"></script>
<iframe
id="addcal-event-evt_abc123"
src="https://addcal.co/e/your-event?embed_view=1"
style="width: 100%; border: none; min-height: 400px;">
</iframe>Calendar embed
Embed a whole calendar as a live widget. Visitors can switch between month, week, and schedule views, and it stays in sync as you add or change events.
<script src="https://cdn.addcal.co/embed/3.1.2/calendar.min.js"></script>
<div class="addcal-calendar"
data-calendar-uid="cal_abc123"
data-initial-view="month">
</div>The calendar widget is fully themeable, the view, colours, fonts, and which controls show (subscribe, timezone, tag filter, navigation, and more) are all set in the visual customiser, which generates the finished snippet for you. Rather than hand-edit data attributes, build it there and copy the result.