Search the Support Center

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.