Embed your Google Calendar into a Website

Embedding a Google Calendar in a website is a convenient way of allowing a large number of people to see a calendar.


1.  Open your Google Calendar, and in the calendar list on the left, click the 'vertical ellipsis' button next to the calendar you want to embed, and select Settings and sharing.

    

2.  In the Settings window, scroll down to the 'Integrate Calendar' section.  

The code snippet there, entitled 'Embed Link' that starts "<iframe src=. . .", can be copied and pasted into an html page to display your calendar.


3.  Click 'Customize' in order to specify the title, included elements, size, color, and default display option of the embedded calendar (Week, Month, Agenda).

After making any changes, get a fresh copy of the the embed code from the top of the page to paste into your website.

Note that multiple calendars can be displayed.

Google Calendar Embed Customize

Related content

Basics 5: Share Your Google Calendars
Basics 5: Share Your Google Calendars
More like this
Basics 3: Add Another Google Calendar to your Calendar List
Basics 3: Add Another Google Calendar to your Calendar List
More like this
Basics 2: Create an Event
Basics 2: Create an Event
More like this
Appointment Schedules for Google Calendar
Appointment Schedules for Google Calendar
More like this
Basics 4: Hide a Calendar in your Calendar List
Basics 4: Hide a Calendar in your Calendar List
More like this
Basics 1: Log into Google Calendar
Basics 1: Log into Google Calendar
More like this

For immediate help, contact the LTS Help Desk (Hours)
EWFM Library | Call: 610-758-4357 (8-HELP) | Text: 610-616-5910 | Chat | helpdesk@lehigh.edu
Submit a help request (login required)