/
Embed your Google Calendar into a Website

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

Appointment Schedules for Google Calendar
Appointment Schedules for Google Calendar
More like this
Zoom Scheduler Booking Page (Office Hours and Calendly Alternative)
Zoom Scheduler Booking Page (Office Hours and Calendly Alternative)
More like this
Zoom Scheduler
Zoom Scheduler
More like this
Zoom Scheduler Availability Poll (Doodle Alternative)
Zoom Scheduler Availability Poll (Doodle Alternative)
More like this
Adding a Zoom Session to Google Calendar with Appointment Schedules
Adding a Zoom Session to Google Calendar with Appointment Schedules
More like this
Making a Course Available to Students and Participants
Making a Course Available to Students and Participants
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)