WiscWeb - WordPress UW Theme - Embed a Google Calendar

In this document:

• Accessing your campus Google Calendar
• Creating the embed code for your calendar
• Embed the calendar in a WiscWeb page or post

Accessing a Campus Google Calendar

To access your Google Calendar using your campus account, navigate to https://calendar.google.com and log in using your netID@wisc.edu account.

You will then be brought to the campus authentication screen where you will log in via your NetID and campus password.

Creating the Embed Code For Your Calendar

1. Once you have logged into Google Calendar with the correct account, on the left side click the vertical ellipsis next the account name (either personal or service account).
   
   
   
   
2. Click Settings and Sharing
   
   
   
   
3. There are a number of options to work with in this screen, but to create the embed link click on Integrate calendar in the left menu.
   
   
   
   
4. Highlight and copy the code in the embed code section. Make sure to copy everything in the section from <iframe> to </iframe>
   
   
   
   

Embedding the Google Calendar in a WordPress Content Area

With the embed code copied, log in to your WiscWeb site and access the page or post that you want to paste this into.

1. In a Text Area, paste the code that you have copied into the Visual Editor. The embed functionality will take that code and display the calendar within the text area.
   
   
   
   
   
   
2. Be sure to publish and check your page to make sure it is working as expected.

See Also:

• WiscWeb - WordPress UW Theme - Embed Options
• WiscWeb - WordPress UW Theme - Sharing Events Between Sites