How To Add Google Calendar To Squarespace Easy Integration 2026

Open Google Calendar and look at the "My calendars" list in the left sidebar — most Google accounts have more than one, such as a primary calendar alongside a Birthdays or Tasks calendar. Decide which one actually belongs on your website; a business calendar used for appointments or classes is usually a separate calendar from your personal one, and you don't want to accidentally expose the wrong one. Untick any calendar in the sidebar you don't want included if you end up embedding multiple calendars together later.

Click the gear icon in Google Calendar and choose Settings, then find your calendar under "Settings for my calendars" in the left-hand list. Selecting it opens a set of sub-pages including Access permissions for events, Shared with, and — the one you need — Integrate calendar. Nothing here changes anything by itself; you're just navigating to the page that generates the embed code.

On the Integrate calendar page, you'll see a full HTML snippet starting with `<iframe src="https://calendar.google.com/calendar/embed?..."`, along with a live preview of the calendar below it showing the current month's dates and any events. Google gives you options to adjust the calendar's title, which controls appear (navigation buttons, print icon, view menu), and its width and height — get those settings right here, since they carry over automatically once pasted into Squarespace. Click the copy icon next to the code once you're happy with the preview.

It's worth knowing that "Integrate calendar" isn't the only route in — from the Settings screen for a specific calendar, the same sidebar also lists Calendar settings, Access permissions for events, and Shared with, all grouped under that calendar's name. If you ever need to revisit sharing permissions or regenerate the embed code later, this is the panel to come back to rather than searching from scratch.

Switch to your Squarespace dashboard, open the page where the calendar should live, and click Edit. Choose Add Block from wherever you want the calendar to sit on the page, then select Code Block from the block menu — this is the block type built for pasting raw HTML like an iframe, and it's the only block that will render the embed correctly rather than displaying it as plain text.

Click the pencil icon on the new Code Block, paste the embed code from Google Calendar, and save. Squarespace will render the live calendar in place of the code — drag the block up or down the page if it needs to sit somewhere else, then save the page. From this point on, any event you add, move, or delete in Google Calendar shows up on the site automatically, with nothing further to update on the Squarespace side.