You can embed a single event page directly on your own website so visitors see the event details, and its RSVP form if it has one, without leaving your site. An iframe (an inline frame that displays one page inside another) loads the event, and a small AddCal script resizes that frame to fit the content.
This is for one event. To embed a whole calendar of events instead, see Embed a calendar on your website.
How it works
The embed has two parts:
An iframe that points at your event page with
?embed_view=1added to the URL. This view strips the page chrome so the event sits cleanly inside your site.A one-line resizing script loaded from
https://cdn.addcal.co/embed/embed.min.js. It watches the embedded page and adjusts the iframe height as content changes, so there is no inner scrollbar and no fixed height to guess.
The iframe carries an id (for example addcal-event-evt_abc123) that the script uses to find and resize it. If the event has an RSVP form, it renders inside the same frame, so people can register in place.
Get the snippet
You do not need to write the markup by hand. Open the event you want to embed, go to its Share page, and copy the ready-made iframe snippet for that event. Paste it into your site's HTML where you want the event to appear.
For the copy-paste snippet and a full explanation of the parameters, see the embeds documentation.
Related