Skip to main content

How to embed Google Calendar into Display Boards

Peter Grammatas
Updated

Display Boards allow you to embed your own Google Calendar.

 

calexample.jpg

 

Please refer to Google's steps on making the calendar public first.

https://support.google.com/calendar/answer/37083?hl=en#zippy=%2Cmark-your-calendar-as-public

Make your calendar public

You can have multiple calendars and share them with different people. For example, you can have a public calendar you share with everyone, and a private calendar that only you can check.
Important: You can only edit Google Calendar sharing settings from a computer, not the mobile app.Mark your calendar as public
Make your calendar public
  1. On your computer, open Google Calendar.
  2. At the top right, click Settings  and then Settings.
  3. On the left, under "Settings for my calendars," click the name of the calendar you want to share.
  4. Under "Access permissions for events," check the box next to "Make available to public."
  5. Click OK.

 

 

Please refer to Google's steps on copying the embed code into the provided URL field.

https://support.google.com/calendar/answer/41207?hl=en

Embed a calendar on your website

  1. On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app. 
  2. In the top right, click Settings Settings and then Settings.
  3. On the left side of the screen, click the name of the calendar you want to embed.
  4. In the "Integrate calendar" section, copy the iframe code displayed. 
  5. Under the embed code, click Customize.
  6. Choose your options, then copy the HTML code displayed.

 

Screen_Shot_2022-08-16_at_12.23.45_PM.png

 

 

Related articles

Comments

0 comments

Article is closed for comments.