How to Add Google Calendar in Weebly Site?

Calendar is used to show your organized events or activities to site visitors and request them to engage in the events. This can be used in multiple ways like showing customized sports events or just showing the holiday calendar for your country. Google offers many useful services and calendar is one such a service you can embed on your site in a few clicks. In this article we will show you how to customize and embed a Google calendar on your Weebly site.

Related: How to add Google organization chart in Weebly?

Getting Embed Code for Google Calendar

Login to Google calendar using your Gmail id and click on the “Settings” icon to navigate to “Settings” option in the dropdown.

Click on the “Calendar” tab to see all your existing calendars and also an option to create a new calendar.

In this example, we embed the “Holidays in United States” calendar. Click on the calendar to see the embed code for a default design.

You can change the look of your calendar using the customizing link and get the updated HTML code for it.

Add Google Calendar in Weebly

On your Weebly site editor, drag and drop an “Embed Code” element and paste the Google calendar code inside. You calendar is ready now and will look something like below:

Adding Events to Calendar

Click on the “Create” button in Google calendar site to add your events to calendar.

Events can be customized with options like adding a video call, pop-up notification, etc. You can also add Google calendar button by copying the code displayed during publishing the event. This button enables the users to save the event on their calendar.

Making the Calendar Public

The calendar by default is only visible to you and you need to share it with public in order to make it visible for everyone. Under “Calendars” tab select “Share this calendar” option against your calendar.

Checking the option “Make this calendar public” will enable Google to index your calendar events in public search results. Additionally enabling “Share only my free/busy information (Hide details)” will only show the schedule without the description of events.