How To Embed Google Calendar in Squarespace Without a Premium Plan

  1. From Home, navigate to Pages

  2. Create a new blank page called “Calendar” (Or something else, if you’d prefer).

  3. Click Edit Page Content, then the + and add the “embed” content block to the page.

  4. Click the </> icon beside “Enter an embeddable URL here”

  5. In the text box, paste the below code block, but replace name and gmail.com with your email address, leaving the %40 in place of @. Make sure your Google calendar is set to show availability publicly. You can also customize some of the attributes like height and bgcolor.

    <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;mode=WEEK&amp;height=500&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=name%40gmail.com&amp;color=%231B887A&amp;ctz=America%2FNew_York" style="border-width:0" width="100%" height="500px" frameborder="0" scrolling="no"></iframe>

  6. Hit set then apply then save

  7. Hover over the page name “Calendar” on the left side panel and click the gear icon for settings, then adjust the URL slug to “cal” or “calendar”

  8. Take a moment to celebrate; you have a new calendar page 🎉

last updated: june 2020.