Embedding a Google Calendar

This guide will provide an overview of how to embed a Google Calendar in your MyHub site. Note: you will need a Google or Gmail account before you start this process. This process can also be applied to the Expanding Text Module.

Step 1. Open a Google Calendar and click the three dots next to the Calendar name

Step 2. Select Settings and sharing

Step 3. Scroll down to the Integrate calendar options shown below and click Customize.

Step 4. Scroll down and check the boxes for the calendars you'd like to be visible

Step 5. Scroll back up and click the copy button to copy the embed code

Step 6. Return to your MyHub site, select the page you’d like to display the Calendar on, add a Text/Image/Video module or Expanding Text module and place the module into edit mode.

Step 7. Click on the Source button.

Step 8. Paste the copied text from the Google Calendar into the module. If you are using this calendar in a row that will take up the full width of the page, change the width option to "100%" You can also change the height to a higher number if you'd like to.

Step 9. Scroll down and click Save to save your changes.

After the page refreshes, you should see your embedded Google Calendar.


Still need help? Contact Us Contact Us