embed google calendar squarespace

on

embed google calendar squarespace

squarespace embed google calendar works very easy to understand. below explained everything about embed google calendar for squarespace.

How to embed Google Calendar Squarespace

So here we have a site where a Google Calendar is already embedded, now I'm gonna explain you how to do it. The first thing we have to do is to get the code for the calendar, so you're gonna head over to https://calendar.google.com and you're gonna make sure that your logged in to the account that has the calendar that you're trying to link. Go to settings button, click on "Settings", then scroll down on the left side of the page, look for "Settings for other calendars" and click on "My Calendar", next you have to scroll down until you find "Integrate calendar" heading and then look for "Embed code"; copy the code (CTRL+C) that is below and go back to your site, go to the backend of the page where I showed my calendar, on the "Page Comment" section click on "EDIT". Now you're gonna click on the "Add" button, search for "code", click on "Code", delete the default content and paste the code (CTRL+V) that you have already copied on the white box, afterwards hit "APPLY" and then save. Now you can see the calendar displayed on your page.

 

Embed google calendar squarespace is very simple. First, you need to create a new calendar page on squarespace. Then, you will need to copy the html code for the calendar page and paste it into the embed code box on your blog. Finally, you need to add a link to your calendar page in the blog post.

embed google calendar squarespace

How to create a new calendar in squarespace

Creating a new calendar in squarespace is easy!

1. Log in to your account.

2. Click on “My Account” in the top left corner.

3. Click on “Calendar” in the top right corner.



 

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.
  6.     <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>
  7.     Hit set then apply then save
  8.     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”
  9.     Congratulate Take a moment to celebrate; you have a new calendar page

Comments

Post a Comment