How to Add Google Calendar and an Event Calendar to Squarespace (2026)

Disclosure: SquareLocator earns a commission if you buy through some of the links on this page, including Elfsight links. It never changes what I recommend, and every price and feature below was checked on the vendor's own site on 30 October 2026.

If you run classes, workshops, services, gigs or community events, sooner or later someone asks for "a calendar on the website". On Squarespace that request can mean three quite different things: a proper events section built into Squarespace, a copy of a Google Calendar you already keep, or a styled event listing that sits on an ordinary page. Each has a different setup, a different plan requirement and a different catch.

This guide covers all three: Squarespace's own Events (calendar) pages, embedding a Google Calendar, and the Elfsight Event Calendar widget, plus where a booking tool fits instead. I build Squarespace sites for a living through Altitude Design, and the honest answer is that the native option is better than most people assume, so I start there.

Quick answer: which calendar should you use?

• Squarespace Events page if you publish a handful of events a month and want each one to have its own page that can rank in search. It is included in every plan and needs no code.
• Google Calendar embed if your team already lives in Google Calendar and you simply want the same calendar visible on the site. It is free, but it looks like Google, not like your brand, and it needs a Core plan or higher.
• Elfsight Event Calendar if you want a filterable, branded event listing on any page, or Google Calendar events displayed in a nicer layout than Google's own embed. See the SquareLocator listing.
• A booking tool (Acuity or Elfsight Appointment Booking) if what you really need is people choosing a time slot with you. An event calendar shows dates; it does not take bookings.

One rule shapes everything below. Squarespace's pricing page lists the advanced code block, the one that accepts iframes and JavaScript, and code injection on the Core, Plus and Advanced plans only. Basic gets the basic code block (HTML, CSS and markdown) and the Embed block. That means a Google Calendar iframe and the Elfsight widget both need Core or higher. Some older Elfsight pages still say "Business plan or higher", which is the old name for the same tier.

Option 1: Squarespace's built-in Events page

Squarespace calls these calendar pages, and most people know them as an Events page. You add one from the Pages panel, then add each event as its own item with a title, start and end time, location, description, excerpt and featured image. According to Squarespace's calendar pages guide, you can show events as a list or as a monthly calendar grid, and in list view each event links to its own page.

What it does well

• Individual event pages. Each event gets its own URL on your domain, which is good for search and for sharing a single event on social media or in an email.
• Add to calendar links. Turn on Show export links and visitors get Google Calendar and iCal links with each event in the list.
• Events elsewhere on the site. Event excerpts and images can appear in calendar and summary blocks, so you can show "upcoming events" on the homepage without a second system.
• No code, no subscription. It is part of every Squarespace plan and styled by your site styles.

The limits to know about

• No recurring events. Squarespace says plainly that you cannot set up repeating events; the workaround is duplicating them. For a weekly class that gets tedious fast.
• Capacity. Each calendar page supports up to 350 events a month and shows up to 250 upcoming and 30 past events, and you can schedule up to two years ahead. Most sites never get near this.
• No booking or ticketing. Calendar pages do not take bookings. You link out to a ticket page, a product or a form.
• No Google Calendar import. The export links go out to Google, but events do not come in from Google. You enter them in Squarespace.

How to set one up

1. In the Pages panel click +, choose a calendar (Events) page and give it a name such as "Events" or "What's on".
2. Add your first event: title, date, start and end time, location, a short excerpt and a featured image.
3. Open the page's design options and choose list or calendar view, then turn on Show export links if you want add to calendar buttons.
4. On your homepage, add a summary or calendar block that pulls from the Events page to show what is coming up.

Verdict: the right default for most small businesses, churches, venues and charities. Only reach for something else if you need recurring events, Google Calendar as the source, or a layout the native page cannot do.

Option 2: Embed a Google Calendar

If your events already live in Google Calendar, embedding it means you never enter anything twice: add an event in Google and it appears on the site. Google's own embed instructions are the source for the steps below.

How to embed Google Calendar in Squarespace

1. Make the calendar public. Google is clear that a calendar is only visible to people you share it with, so an embedded private calendar shows nothing to visitors. Use a separate calendar for public events rather than making your personal one public.
2. On a computer (not the Google Calendar app), open Google Calendar, go to Settings, and click the name of the calendar on the left.
3. Click Integrate calendar, then under "Embed code" click Customize.
4. Pick the view, colours and which buttons to show. Google recommends a width and height of at least 500 pixels.
5. Copy the embed code (it is an iframe).
6. In Squarespace, edit the page, click Add Block, choose Code, set the mode to HTML and paste the iframe. Save and check the live page in a private window.

Visitors can click "Add to Google Calendar" at the bottom of the embed to subscribe to the whole calendar, which is useful for clubs and teams.

Pros and cons

• Pros: free, always in sync with Google, nothing to maintain, visitors can subscribe.
• Cons: it looks like Google Calendar rather than your site, styling is limited to Google's options, the fixed iframe height can be awkward on mobile, there are no images or filters, and the events do not get pages on your domain. It also needs a Core plan or higher because Basic does not allow iframes in code blocks.

Verdict: fine for an internal-feeling calendar such as a club fixture list or a room schedule. For a public events programme you want people to act on, it is the weakest of the three.

Option 3: Elfsight Event Calendar

The Elfsight Event Calendar sits between the two. You build the calendar in Elfsight's editor, either by adding events by hand or by connecting a Google Calendar, then paste one snippet into a Squarespace code block. After that you manage events in Elfsight or Google and the page updates on its own.

What it does

• Four layouts: grid, list, slider (a carousel) and masonry, with events grouped by year, month or day.
• Filters: visitors can narrow events by date, event type, venue, host and tags, and there is an optional keyword search. This is the feature the native page lacks most.
• Event popups: each event opens a popup with the date and time, the venue with a map, sharing options (usually copy link and email) and an add to calendar link that gives an ICS file.
• Images and video: add an image to each event, or a YouTube or Vimeo link that plays in the popup.
• A button per event: link it to a ticket page, a checkout or a registration form, rename it and choose whether it opens in a new tab. It is a link, not a ticketing system.
• Time zones: fix the time zone, or show events in each visitor's local time, which matters for online events.
• Google Calendar import: connect your Google account and choose which calendar to sync.

Two things to understand before you choose it. First, Elfsight's FAQ says Google events replace any events you added by hand, so pick one source per widget. Second, I could not find recurring events documented on the widget page, only a template called "Recurring Events Calendar", so if weekly classes are the point, test it on the free plan before you commit or let Google Calendar handle the repetition.

How to add the Elfsight Event Calendar to Squarespace

1. Open the Event Calendar editor and pick a template or start blank.
2. Add events by hand, or connect Google Calendar and choose the calendar to import.
3. Choose a layout, turn on the filters you want, set the time zone and match the colours and fonts to your site.
4. Publish the widget and copy the installation code Elfsight gives you.
5. In Squarespace, edit the page, click Add Block, choose Code, paste the code and save. Preview on desktop and mobile; scripts often do not render inside the editor, so check the live page.

Elfsight Event Calendar pricing

These are the prices on the Event Calendar pricing page on 30 October 2026, in US dollars per month:

Plan	Billed yearly	Billed monthly	Views a month	Widgets
Free	$0	$0	200	1
Basic	$5	$6	5,000	3
Pro	$10	$12	50,000	9
Premium	$20	$24	150,000	21

Enterprise tiers start at $30 a month billed yearly for 300,000 views. The free plan carries Elfsight branding, and Elfsight says exceeding the monthly view limit temporarily deactivates the app, so a busy events page can switch itself off right when you announce something. Treat the free plan as a test. Elfsight's FAQ also offers a welcome coupon worth 33% off your first yearly subscription if you buy within 24 hours of signing up, and its Squarespace page mentions a 14-day money back guarantee. I explain how views are counted, and when the All Apps Pack is cheaper, in Elfsight Pricing Explained.

Pros and cons

• Pros: filters and search, four layouts, works on any page, Google Calendar import, images and video, local time zones, and nothing to maintain inside Squarespace.
• Cons: a subscription with view limits, Google sync replaces manual events rather than merging, recurring events are not documented, events do not get their own pages on your domain, and the widget disappears if the subscription lapses.

Verdict: the best looking and most flexible option when you have a real programme of events, several venues or hosts, or a Google Calendar you want shown properly. Not worth paying for if you post two events a month.

View Elfsight Event CalendarSee it on SquareLocator

Side by side

	Squarespace Events page	Google Calendar embed	Elfsight Event Calendar
Cost	Included	Free	Free tier, then from $5 a month (yearly)
Squarespace plan	Any	Core or higher	Core or higher
Google Calendar as source	No (export links only)	Yes	Yes (replaces manual events)
Recurring events	No	Yes, set in Google	Not documented
Filters	No	No	Date, type, venue, host, tags
Own page per event	Yes	No	No (popup)
Matches your design	Yes	Barely	Yes, after styling

A combination often works best. Many of the sites I build keep the Squarespace Events page for the big events that deserve their own page, and use a Google embed or Elfsight for the routine schedule.

When you need bookings, not a calendar

A common mix-up: an event calendar tells people when things happen; a booking calendar lets them reserve a slot. If clients need to pick a time with you, look at Acuity Scheduling for Squarespace or the Elfsight Appointment Booking widget, which Elfsight says offers two-way Google Calendar sync so booked slots are blocked automatically. My roundup of the best Squarespace booking and calendar plugins compares the wider field, and if you just need sign-ups for an event, a form may be enough: see the best Squarespace form plugins.

If you are counting down to one big date rather than listing many, a timer does the job better than a calendar: see how to add a countdown timer to Squarespace. And if your events are the heart of the business, start with a template built around them, such as those in my guides to Squarespace templates for nonprofits and charities and restaurants and cafes, or browse the full template collection and the marketing plugins.

Common problems

• The Google Calendar embed is blank for visitors: the calendar is not public. Check the sharing settings in Google Calendar.
• The embed or widget does nothing on the live site: check your plan. Basic does not allow iframes or JavaScript in code blocks.
• Events show at the wrong time: check the time zone in Google Calendar or in the Elfsight settings, and in Squarespace's site settings for native events.
• The Google embed is cramped on phones: switch the embed to agenda view in Google's Customize screen, which reads far better on a narrow screen.
• Manual events vanished in Elfsight: connecting Google Calendar replaces events added by hand. Use one source per widget.

Frequently asked questions

Can you add a Google Calendar to Squarespace?

Yes. Make the calendar public, copy its embed code from Integrate calendar in Google Calendar's settings, and paste it into a Squarespace code block set to HTML. Iframes in code blocks need a Core, Plus or Advanced plan.

Does Squarespace have a built-in event calendar?

Yes. Calendar (Events) pages show events as a list or a monthly calendar, give each event its own page and can add Google Calendar and iCal export links. They do not support recurring events or bookings.

Can a Squarespace Events page sync with Google Calendar?

Not as a source. The native page can export events to Google Calendar and iCal, but it cannot import them. To display Google Calendar events, embed the calendar or use a widget such as the Elfsight Event Calendar.

Is the Elfsight Event Calendar free?

There is a free plan with one widget and 200 views a month, with Elfsight branding, and the app is temporarily deactivated if you exceed the limit. Paid plans start at $5 a month billed yearly or $6 billed monthly.

Can I add a calendar on the Squarespace Basic plan?

You can use the native Events page on any plan. A Google Calendar iframe or the Elfsight widget needs the advanced code block, which Squarespace includes on Core, Plus and Advanced only.

Should I use an event calendar or a booking calendar?

Use an event calendar to show when things happen, such as classes, gigs or open days. Use a booking tool such as Acuity or Elfsight Appointment Booking when visitors need to reserve a time with you.

Want to compare more widgets first? My Elfsight for Squarespace review covers which ones earn their place, or browse every Elfsight app in the SquareLocator Elfsight guide.

Disclosure: some links in this article are affiliate links, including Elfsight. If you buy through them SquareLocator may earn a commission at no extra cost to you. Prices were checked on 30 October 2026 and can change, so always confirm on the vendor's site before you buy.