You can embed a live AddCal calendar on your own website. Visitors see your events as a month, week, or schedule view, add events to their own calendar in one click, and the embed stays in sync as you change events. It works in any website builder, including WordPress, Wix, Squarespace, and Webflow, with no coding.
Get your embed snippet
The fastest way to embed a calendar is the built-in customiser, which styles the calendar live and generates the finished snippet for you:
In your dashboard, open Integrations and choose Calendar Embedding.
Select the calendar you want to embed.
Style it: pick a theme and colours, fonts, the starting view, and which controls to show (subscribe button, timezone selector, tag filter, navigation, and more).
Copy the generated snippet and paste it into your page.
Because the customiser writes every option into the snippet for you, you do not need to edit the code by hand.
How the snippet works
The snippet is a small script tag plus a container element that names your calendar. Once the page loads, the calendar renders inside the container. You can place more than one calendar on the same page, each with its own settings.
For the full technical reference, including every customisation option and how to embed several calendars, see the embeds documentation.
Keeping it in sync
The embedded calendar reads your live events, so when you add, edit, or remove an event in AddCal it updates on your site automatically. There is nothing to re-paste.
Branding
On a paid plan you can remove the AddCal branding from the embedded calendar. Set this in the customiser before you copy your snippet.
Related
To embed a single event page or its RSVP form instead of a whole calendar, see Embed an event page or RSVP form.
To add a one-click button rather than a full calendar, see Add-to-calendar links.