Although we do not recommend embedding a Google calendar since it is not responsive, maybe the built in calendar module in Campus Suite isn't what you are looking for and you want to embed one onto a page. All you have to do is the following ten easy steps to place it onto a page.


  1. On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the mobile app. 
  2. In the top right, click Settings  > Settings.
  3. Open the Calendars tab.
  4. Click the name of the calendar you want to embed.
  5. In the Embed This Calendar section, copy the iframe code displayed. To customize the look of the google calendar click on Customize the color, size, and other options above the iframe code. There you can customize the look of the calendar and also choose to embed either a weekly or an agenda style calendar. After customizing, copy the iframe code located at the top of the window.




  6. Go to the page you would like to place it on and click Edit Page.
  7. Click the Edit Content icon (pencil) and select the Insert After option.
  8. In the list of Widgets select the HTML Source widget. After pasting the code you received from google, click the green "Create" button.
  9. Your google calendar will show up on the page.
  10. Make sure to click the Save --> Publish options just as you would when you're editing pages.