Embedding a Google Calendar

Embedding a Google Calendar

1. Go to your Google Calendar

2. Click the three dots next to the name of the calendar and go to Settings and Sharing

3. First you will need to make the privacy settings for this calendar Public by going to the Access Permissions area of your calendar settings.

4. Next check the box to "Make available to public" and use the drop down to select "See all event details"

5. Now you will need to locate the Embed Code. It can be found in the "Integrate Calendar" section of your calendar settings.

6. Customize your Calendar by using the Customize button.  Once the Calendar is to your liking, click the copy icon in the top right corner.

7. Go to your Gabbart Site and to any page with a Text Editor. Click Source and then paste the Iframe code you copied from your google calendar into the white text area. 

8. Click Source again and you should see an IFrame appear. Right-click the IFrame and go to IFrame Properties

9. Set your size options here. Width and Height and enable scroll bars. Click OK.

10. Left-click the Iframe and then click on the Center Alignment tool to center the I-frame 


Save your work and go "back to site" to see the calendar.  

    • Related Articles

    • Adding a Google Calendar Feed to my Gabbart Calendar

      To feed events/information from an existing Google Calendar to your Gabbart Calendar: Login to your Google Calendar and look for your calendar lists navigation on the left. When you hover over the calendar name you should see  The three dots give you ...
    • Troubleshooting Google Feed

      Check to make sure your Google calendar privacy setting is set to public. If this setting is set to anything other than PUBLIC, it will not display on your website. The owner of the google calendar needs to update the privacy settings and then it ...
    • Embedding Twitter Feed

      1. Go to https://publish.twitter.com/# 2. Select the Embedded Timeline Option. 3. Paste your Twitter URL or Handle. Click PREVIEW 4. Click on set Customization Options 5. Set your Height, Width, and any other customization options that you need. ...
    • Embedding Videos from Google Drive

      1. Find the video in your google drive and Right Click on it 2. Click SHARE 3. Make sure the sharing options say "Anyone with the Link can Find and View" 4. Copy the Link and open the video in a new window 5. Click the three dots in the top right ...
    • Embedding Google Slides

       In google slides, open the presentation you would like to embed 1.  Click on File and select Publish to web     2. Click on Embed (listed next to the link options) and pick your size from the Slide Size drop-down, select how quickly the slides will ...