How to Embed or Link a Google Calendar in Moodle
- Jason 1keddie
This article will go through the steps needed to embed or link a Google Calendar in Moodle.
Create a New Calendar
If you would like to create a new calendar in Google Calendar to embed instead of using an existing calendar then follow these steps. Otherwise, you can skip this section.
Visit https://calendar.google.com/ and log in if you are not already logged into Google Calendar.
On the left, to the right of Other calendars select the Add Other calendars button. (If you don't see this, select the hamburger menu at the top left to open this side panel)
From the menu that pops up, select Create new calendar.
Name the calendar and optionally give it a description.
You now have a new calendar created and can populate it with events.
Assuming you have multiple calendars, ensure that you select the correct calendar when adding events. You can move events between calendars if an event is added to the wrong calendar but there is no way to change the default calendar that events are added to. The following image shows where you select the calendar when adding an event.
Linking to the Calendar in Moodle
This will allow you to create a text link in Moodle that participants can click on to view the Moodle calendar.
Visit https://calendar.google.com/ and log in if you are not already logged into Google Calendar.
Select the Options button (the three dots) to the right of the calendar you'd like to embed and select Setttings and Sharing to access the Calendar settings page.
Scroll down to Access permissions for events, enable Make available to the public, and agree to the warning popup. This will allow your participants to view the calendar but not edit it.
Scroll down to Integrate calendar and copy the Public URL to this calendar.
Add this URL to Moodle as you would for any other link in Moodle to allow your participants to click a link to view this calendar (Further instructions here:Â Moodle - Adding and editing links).
Embedding the Calendar in Moodle
Embedding will display the Google calendar on a page in Moodle.
Visit https://calendar.google.com/ and log in if you are not already logged into Google Calendar.
Select the Options button (the three dots) to the right of the calendar you'd like to embed and select Setttings and Sharing to access the Calendar settings page.
Scroll down to Access permissions for events, enable Make available to the public, and agree to the warning popup. This will allow your participants to view the calendar but not edit it.
Scroll down to Integrate calendar and select the Customize button.
- Set the Width to 780 (instead of 800, to prevent a horitonal scrollbar from appearing when it's embedded in Moodle).
- On the left, deselect Calendar list (since you're only sharing one calendar).
- At the bottom left, select only the one calendar you want to share.
- Optionally, further customize how the embedded calendar will appear.
When you're done, select the Copy to clipboard button at the top right which will copy the HTML embed code.
Navigate to where you want to embed the calendar in Moodle and from the Moodle text editor select the HTML button.
Paste the embed code that you previously copied into the Moodle page. If there's a lot of existing HTML code on the page you may have trouble figuring out where on the page to paste the embed code. If this is an issue you may want to create a new page in Moodle just to embed this calendar to make this easier. When you're done, save what you're editing in Moodle and you should see your embedded Google Calendar.
How Participants Can Add this Calendar to their Google Calendar Accounts
Participants viewing this calendar, either by link or embed, can add the calender to their own Google Calendar accounts by selecting the Add to Google Calendar button at the bottom right. As long as they're signed into Google Calendar it will then prompt them to add the calendar, which will allow them to see updates to this calendar right in their Google Calendar.
Content on this page is licensed under a Creative Commons Attribution-ShareAlike 4.0 International license.
Related Articles
-
Page:
-
Page:
-
Page:
-
Page:
-
Page:
-
Page:
-
Page:
-
Page:
How to Contact the Computer Services Department
Submit a ticket
To submit a ticket, you will be required to log in using your FULL Royal Roads email address (detailed instructions here)
New! If you do not have a full RRU email address (students not currently in a credit program and/or visitors), you can create a portal account using your personal email address.
Email us at IT Customer Service
Contact Form
Phone: 250-391-2659 Toll Free: 1-866-808-5429
Come visit us in the Sequoia Building
Hours of Operation