Search the Support Center
We just released a major upgrade to our user interface. All of our Support Articles should be up to date, but please don't hesitate to contact us if you can't find the answer you're looking for!
Read an overview of the awesome changes you can experience in this new update.

How to add a Google calendar to your website.

Adding a Calendar to your website is a great way to display upcoming events. This tutorial will teach you how to easily embed a Google Calendar on your website.

 

Step 1 - Login to Google

Login to your Google calendar at https://www.google.com/calendar


Step 2 - Go to Settings

Click on "Calendar Settings"  from the dropdown menu.


Step 3 - Copy the Code

Copy the code block.


Step 4 - Share Your Calendar

On the top, click on "Share this Calendar."


Hint:

If the calendar is too big for your site, you can make modifications to it by clicking on the "Customize the color, size, and other options" link right above the code block.

Step 5 - Make Your Calendar Public

Check the box for "Make this calendar public" and save.


Step 6 - Paste the Code

Paste the code from Step 3 into a new Widget / HTML element anywhere on your site.