Search: Advanced search
Please enter a keyword or ID
Browse by category:
Embed Your Calendar into SquareSpace
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.
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= list (only the upcoming events list view is available at this time. Mini Calendar option coming soon:)
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: In rare cases, your SquareSpace template may not load your calendar due to the way the template is loading the page. There's an easy solution - just email support at email@example.com and we'll help you resolve the issue. We basically need to update your website navigation link to be the full absolute link to your calendar web page rather than a relative link.
Please contact us with any questions at firstname.lastname@example.org We are always here to help.