Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Event Calendar on your Squarespace website for FREE?

Seamlessly embed Aggregated Calendars on your website to simplify event discovery and boost engagement with a centralized, real-time schedule.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Event Calendar on your Squarespace website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
September 2, 2026 5 min read Ask ChatGPT
Quick answer

Your Event Calendar on Squarespace website — live in 3 steps

SociableKIT syncs your event calendar automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Event Calendar in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Squarespace website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Event Calendar with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Squarespace website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Event Calendar on your Squarespace website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Event Calendar widget

The first part is creating your Event Calendar widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Event Calendar on your Squarespace website for FREE?
  2. Select "Event Calendar" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Event Calendar" on the dropdown - How to embed Event Calendar on your Squarespace website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Event Calendar on your Squarespace website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Event Calendar on your Squarespace website for FREE?
  5. Paste the embed code and save your Squarespace website page. Please follow the second part below to add Event Calendar widget to your Squarespace website .

Add Event Calendar widget to your Squarespace website

The second part is adding your Event Calendar widget to your Squarespace website . After you customize your Event Calendar widget and copied the embed code, it is time to add it to your Squarespace website . Follow the steps below.

  1. Copy your free Event Calendar widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  3. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  4. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  5. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  6. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  7. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Event Calendar on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Event Calendar on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Event Calendar on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Event Calendar on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Event Calendar on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Event Calendar on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Event Calendar on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

To embed Event Calendar on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Event Calendar widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Event Calendar template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Squarespace website.

Widget previewCalendar
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Event Calendar on your Squarespace website.

What is a SociableKIT Event Calendar widget, and how does it work?

The SociableKIT Event Calendar brings events from your connected SociableKIT event widgets into one calendar on your website. It is built for businesses that already manage events in places like Facebook, Eventbrite, Google Calendar, and other supported sources. Instead of maintaining a second event list on your website, you can keep your source events organized and display them together.

Can I combine events from multiple platforms into one calendar?

Yes. SociableKIT can combine events from multiple connected event widgets into one centralized calendar, so visitors do not have to check several pages or platforms. This is useful for businesses, venues, communities, and teams that publish events in more than one place.

Which event sources can I connect to the Event Calendar?

You can connect supported SociableKIT event widgets such as Facebook Page Events, Facebook Group Events, Eventbrite Events, Google Calendar, LinkedIn Page Events, Meetup Group Events, and Bandsintown Events. Available event details depend on what each source platform makes accessible. You can start with the sources you already use and add more when needed.

Do I need to recreate all my events inside SociableKIT?

No. The Event Calendar is designed to collect events from connected SociableKIT event widgets, so you can keep managing events in the platforms you already use. When supported source data changes, SociableKIT can reflect those updates after the relevant source sync.

How do I embed the Event Calendar on my website, and do I need coding skills?

No coding skills are required for most websites. Create and customize your Event Calendar in SociableKIT, copy the generated embed code, and paste it into your website's custom HTML or embed area. The setup is designed to be simple enough for non-technical users.

Does the Event Calendar update automatically when my events change?

Paid plans include automatic syncing, so your connected event content can refresh without rebuilding the calendar by hand. The exact sync timing can vary by source platform and widget type. Free users can request a manual sync when they want to refresh the displayed data.

What happens if I edit, cancel, or remove an event in the original source?

When the connected source provides the change, SociableKIT can update the Event Calendar after the next applicable sync. That helps reduce outdated dates and event details on your website. Timing can vary because each event platform controls how and when its data becomes available.

Can I customize the Event Calendar to match my website?

Yes. SociableKIT lets you customize the calendar's design with options such as colors, fonts, layout settings, and calls to action, with a dark-mode template also available. Design customization is available even on the free plan, so the calendar can feel like a natural part of your site.

Is the Event Calendar mobile-friendly and responsive?

Yes. SociableKIT widgets are responsive by default and are designed to work across desktop, tablet, and mobile screens. You can review the widget on different device sizes before publishing so visitors get a cleaner event-browsing experience.

Which website builders work with the Event Calendar?

SociableKIT works with major website builders that support custom HTML, JavaScript, an iframe, or embed code. This includes WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and custom HTML websites. If your builder supports an embed area, you can usually add the calendar without changing your site's core code.

Is there a free Event Calendar plan?

Yes. The free plan includes one source, one widget, up to 2,000 monthly views, full design customization, manual sync requests, and SociableKIT branding. No credit card is required, so you can test the calendar on a real website before deciding whether you need paid features.

What do I get when I upgrade to a paid plan?

Paid plans start at $10 per month and add automatic syncing, unlimited widget views, unlimited widgets, and removal of SociableKIT branding. You can also add more sources as your event setup grows. Higher plans add features such as advanced analytics, automatic moderation where supported, and expanded support.

Will my Event Calendar keep working if my website traffic grows?

Paid SociableKIT plans include unlimited widget views, so you do not need to monitor a monthly traffic cap on a busy events page. The free plan includes up to 2,000 monthly views. This makes it easy to start small and upgrade when the calendar becomes more important to your website.

How does pricing work if I want to combine several event sources?

SociableKIT pricing is based mainly on the number of sources you use, not the number of paid widgets you create. Pro starts with one source, and additional sources can be added for $5 per month each, while Business includes up to 10 sources. This lets you expand the calendar as you add event platforms, locations, or brands.

Can I use the same Event Calendar on multiple pages or websites?

Yes on paid plans. Paid SociableKIT plans include unlimited widgets and domains, so you can reuse your event content in different places without rebuilding the source setup each time. For example, you can place the calendar on your homepage, events page, and another website with different presentation needs.

Can I control which events appear in the combined calendar?

The Event Calendar combines the eligible event data provided by the SociableKIT widgets you connect. Where a connected source widget supports filters or moderation, you can use those controls to keep the displayed events relevant before they flow into your website experience. Available controls can vary by source.

Does the Event Calendar support recurring, all-day, or multi-day events?

The calendar follows the event information supplied by each connected source. If a supported source provides recurring, all-day, or multi-day event data, SociableKIT can display the eligible information it receives. Exact coverage can vary by event platform, so important recurring schedules should be checked after setup.

How does the Event Calendar handle time zones?

You can choose a time zone when creating the Event Calendar in SociableKIT. The event source should also contain the correct date, time, and time-zone information so visitors see accurate schedules. For international or daylight-saving events, it is a good idea to verify a few live events after connecting the source.

Can visitors register, RSVP, or buy tickets from events shown in the calendar?

SociableKIT is primarily the display and aggregation layer, while registration and ticketing are controlled by the original event platform. When a connected source provides an event, registration, or ticket link, visitors can continue to that destination to complete the action. This lets you keep event discovery on your website without replacing the tools you already use to manage attendance.

What support do I get if I need help installing or managing the Event Calendar?

SociableKIT provides human chat and email support, with 24/7 support on paid plans. Paid customers can also request free installation help if they want assistance placing the widget on their website. This gives non-technical teams a direct path to help when setup or source connections need attention.

Add your Event Calendar widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Event Calendar widget page →