Embed Google Calendar on your website

Embed on 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.

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.


I am a g33k, Linux blogger, developer, student and Tech Writer for Liquidweb.com/kb. My passion for all things tech drives my hunt for all the coolz. I often need a vacation after I get back from vacation....

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.