Event Calendar

Event Calendar from Elfsight shows your upcoming events on a Squarespace page in a grid, list, slider or masonry layout, with a popup for each event carrying the date and time, venue and map, host, an add-to-calendar link and sharing buttons. It is an embeddable widget hosted on Elfsight's platform rather than native Squarespace code. You add events by hand in Elfsight's editor or connect a Google Calendar and let it fill the widget. Squarespace has its own Events collection page, which does the basics well, so this is for people who want filters, more layouts, Google Calendar sync, or events shown on an ordinary page rather than a collection page.

Key features

• Four layouts: grid, list, slider and masonry
• Google Calendar sync, or events added by hand
• Filters by date, event type, venue, host and tags
• Event popup with map, add-to-calendar (ICS), copy link and email share
• Images and YouTube or Vimeo video on each event
• Optional button per event for tickets or registration, linking anywhere
• Event times shown in a fixed zone or in each visitor's local time zone

Who it suits

Churches, clubs, venues, schools and businesses running workshops or classes who want a filterable programme on a normal page, especially where the events already live in a Google Calendar and nobody wants to enter them twice.

Honest limits

Squarespace's native Events page already gives you a calendar view, a list view and an individual page for every event with its own URL and structured data. This widget replaces that with a script and popups, so events do not get their own pages on your domain. Google Calendar sync replaces manually added events rather than merging with them, so pick one source. Tickets and registration are a link to another page, not a built-in checkout. Free-tier widgets carry Elfsight branding and monthly view limits, and because the calendar loads from Elfsight's servers it disappears if your subscription lapses.

Installation on Squarespace

Build the calendar in Elfsight's editor, connect Google Calendar if you use it, copy the embed code and paste it into a Squarespace code block on the page where you want the events. New events added in the editor or in Google Calendar appear on the page without further edits.

Related guide: see my review of which Elfsight widgets are worth it on Squarespace.