Best Online Calendar


Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

Embed Your Calendar into SquareSpace

Article ID: 214
Last updated: 11 Jul, 2019

It's easy to add your CalendarWiz calendar or upcoming events list to a SquareSpace website.  These instructions will make your Calendarwiz calendar "responsive" to the desktop, tablet, or phone device that is viewing it.  Let's start by logging into your CalendarWiz calendar and your SquareSpace site.

STEP 1:  Click to edit the SquareSpace webpage where you want to insert your full calendar.  In many cases, you'll want to add a new page.

STEP 2:  Hover and click the teardrop block icon where you want to insert your calendar.


STEP 3:  Under the "Basic" section of the menu, click the Embed block icon.


STEP 4: The Embed block will open, click the </> to the right of the embed field.

STEP 5:  Paste the JavaScript code below into the code area - just be sure to replace your unique calendar name instead of "yourcalendaridentifier" in the code below.


If you want your full calendar open to a specific category or view, use the Website Integration Tool under:

Admin Menu > Website Plugins > Website Integration

The Website Integration Tool lets you set options and it automatically generates the code for you.  When you're ready, just copy and paste the code into your SquareSpace website.

Here's the complete list of parameters that can be adjusted:

crd= calendar identifier name
calwidth= sets full calendar iframe width
calheight= sets full calendar iframe height
theme= upcoming events list theme displayed on phones
mobilepref= defines what's shown on phones. Value may be set to list or mobile

  • mobilepref=list displays the upcoming events list on phones.  
  • mobilepref=mobile displays our mobile calendar on phones.

nolog=1 to hide the login button on full calendar.  Insert &nolog=1 into script URL
cid[]= category id can be set to all or specific category ids
view= by default it's set to month view but may also be set to week, list, or day view. 

STEP 8: Save changes on your SquareSpace web page. 

STEP 9: Next, navigate to your calendar page while NOT in edit mode to see the full calendar on desktop computers.  View your calendar page on a phone to see the upcoming events list optimized for mobile viewing.

Troubleshooting:  Some of the "Ajax Loading" SquareSpace templates may not load your calendar due to the way the template is loading the page.  Click here for a solution.  We basically need to update your website navigation link os its the complete or absolute link to your calendar web page rather than a relative link.  

Please contact us with any questions at  We are always here to help.

Others in this category
document How do I embed the calendar into a web page?
document How to hide the calendar login button
document Can I embed my calendar into a PowerPoint presentation?
document How to create a desktop shortcut to your calendar?
document Do I need a website in order to use CalendarWiz?
document Create a link that automatically logs into private calendar
document Can search engines like Google find my calendar?
document How to link back to a website?
document Share a calendar link that displays a specific category or categories
document Add a Mini Calendar to a Web Page
document How to open your calendar automatically when you start your computer?
document RSS Feeds - Offer Automatic Delivery of Calendar Events
document How do I put a link to my calendar in a Microsoft Word document
document Add an Upcoming Events List into my WordPress Blog?
document How to fix the Upcoming Events list to remember scroll position on refresh of Internet Explorer browser
document Track Visits to Your CalendarWiz Calendar with Google Analytics
document Create more than one Upcoming Events List for a website
document Add a Mini Calendar Plugin to a WordPress Blog
document Fix Upcoming Events List Causing Webpage To Scroll Down
document Create Code to Integrate Your Calendar Into Your Website:
document Link to an email address in your event description:
document Add an Upcoming Events List to your Wix Website
document Add a Mini Calendar or Search Plugin to your Wix Website
document Add CalendarWiz to your Wix Website
document Feed CalendarWiz Events into your Blog
document Link a Blog to a Full Calendar:
document Add CalendarWiz To Your 1and1 Website - It's Simple!
document Add the Full CalendarWiz Calendar to a 1&1 Webpage
document Is CalendarWiz compatible with Constant Contact?
document Embed CalendarWiz Upcoming Events list into SquareSpace
document Embed Calendar into
document Embed Your Calendar into Weebly
document Embed Your CalendarWiz into WordPress
document Add Your Church Calendar to CloverSites Website
document Responsive Calendar & Upcoming Events List
document Embed CalendarWiz into eCatholic Website
document Embed Your Calendar into Wix
document Mini Calendar: Add Color to Days With Events
document Add CalendarWiz to Your Wild Apricot Website
document Add CalendarWiz to GoDaddy Website