Which plan do I need?

Code blocks are available on the Squarespace Business plan and all Commerce plans. The widget itself works on any of them.

Does it work on both 7.0 and 7.1?

Yes. The Code block embed works on both Squarespace 7.0 and 7.1 templates.

Website builder

Event calendar widget for Squarespace

Event Calendar Widget gives Squarespace sites a flexible events calendar that goes well beyond the built-in Events collection. Add it anywhere with a Code block and customize it to fit your template.

Start for free See live demo

4.9/5 from 1,284 reviews

00Live demo

Try the live calendar

Browse the months and open an event — this is the real widget, running below.

01Why it fits

Built to feel at home in Squarespace

Everything you need to publish events on Squarespace, without the maintenance of a heavier tool.

More layout views than the native Squarespace Events page
Combine multiple Google or iCal calendars into one view
Localized into 20+ languages for international audiences

Beyond the Squarespace Events page

Squarespace’s built-in Events collection shows one calendar in a single layout. Event Calendar Widget adds month, week, schedule and card views, merges multiple Google or iCal sources, and localizes for each visitor — all from a simple Code block.

02Use cases

What people publish with it on Squarespace

A few of the most common ways teams put the calendar to work.

01
Yoga studios, gyms and salons publishing class timetables
02
Restaurants and venues listing live music and tasting nights
03
Photographers and creatives sharing workshop dates

03Setup

How to add a calendar to Squarespace

Add it with the Code block — usually in just a few minutes.

1
Add a Code block
Edit your page, click an insert point, and add a “Code” block where you want the calendar to appear.
2
Paste your embed code
Paste your Event Calendar Widget snippet into the Code block and make sure “Display Source” is off.
3
Save
Save the page to publish your live, always-in-sync calendar.

squarespace-embed.html

<!-- Event Calendar Widget embed code -->
<div id="calendar-embed-cal-dot-et"
  data-calendar-link="your-calendar-id"
  data-theme="#2563eb"
  data-show-powered="true"
  data-mode="light"
  data-first-day-of-week="mon"
  data-view="month"
  data-show-side-panel="false"
  data-timezone="America/New_York"></div>

<script src="https://calget.com/assets/js/embedcalendar.js" defer></script>

Code blocks require a Squarespace Business plan or higher.

04FAQ

Squarespace questions

: The native Events collection is limited to one layout and one calendar. Event Calendar Widget adds month, week, schedule and card views, multi-calendar sync, search, time zones and translations.
: Code blocks are available on the Squarespace Business plan and all Commerce plans. The widget itself works on any of them.
: Yes. The Code block embed works on both Squarespace 7.0 and 7.1 templates.