Welcome To Webbry!

;
Close

Limited Time Only!

GET FREE ACCESS TO OUR UPCOMING WEBINAR

Your information will never be shared.
Close

Confirmation


Ok
Close

Limited time only

Get the FREE subscription for Webbry

We will never sell or rent your email address to any 3rd party.

 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

How To Add Google Calendar In Your Website In Webbry Tutorial

 

Step 3 - Copy the Code

How To Add Google Calendar In Your Website In Webbry Tutorial

Step 4 - Share Your Calendar             

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

How To Add Google Calendar In Your Website In Webbry Tutorial

Hint:

If the calendar is too big for your site, you can make modifications to it by clicking on he "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.
How To Add Google Calendar In Your Website In Webbry Tutorial

Step 6 - Paste the Code

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

Close

Prove you are a human!