Thursday, November 9, 2017

How to Embed a Google Calendar in Your Website Using Iframe Code

If you're a careers industry professional who hosts a lot of events or wants to create a resource for jobseekers, a Google calendar can be a good way to organize the information.

But how do you display the information onto your website so other people can access it?

The answer is to embed the Google calendar on your website -- using iframe code.

First, log into your Google account and create your calendar.

Then, go to "Settings" under the gear on the top righthand side of the page.

Click the blue "Calendars" tab.

Click the calendar you want to work on (listed on the left) -- you may have one calendar, or multiple calendars associated with that Google account.

Next to "Calendar Address," click the blue "HTML" button.

Click the blue "Configuration Tool" button in the popup.

On the next screen, under "Calendars to Display" (on the left), check the boxes for all the calendars you want to display. (As I mentioned, you can display a single calendar or multiple calendars all on one page).

Next, on the top of that page, click "Update HTML."

Copy-and-paste that code to embed the calendar.

NOTE: You must make sure the privacy settings on EACH individual calendar are set to PUBLIC if you want it to show up. (If your calendar page is blank, this might be the issue.)

No comments:

Post a Comment