Embed calendars your website

Here's how to embed your calendar on your website:

  1. In the calendar list on the left, click the down-arrow next to the calendar you want to embed, and select Calendar settings. (Alternatively, click the Settings link at the bottom of the calendar list, then click the name of the calendar.)
  2. Copy the iframe code displayed in the Embed This Calendar section.
  3. Paste this code into your website to embed your calendar.
To allow everyone to see your calendar, you'll need to make it public. Learn more

If you'd like to customize your embedded calendar, click the Customize the color, size, and other options link above the iframe field to access the Google Embeddable Calendar Helper. Carefully select your options in the Calendar Helper and paste the customized iframe code in your website.

To display events from multiple calendars in the same embedded calendar, simply follow the instructions above to access the Google Embeddable Calendar Helper. Then, select the checkbox next to each calendar you wish to display, in the section Calendars to Display. Keep in mind that because the Weather Calendar pulls data based on your own settings, information from this calendar will not display if embedded on your website.

Please note that you can change the amount of information available on your calendar's address by clicking the Change sharing settings link in the Calendar Address section.