Instructions apply to desktops on any surfing app.

Getting Started: controls

To embed a calendar, access to Google Calendar.

Next, go to the left panel and hover over the calendar you want to embed.

Google Calendar with Settings and Sharing highlighted

Select thethree dotsthat appear.

In the expanded option box, selectSettings and sharing.

Copy the Code or Select More Options

Scroll down to the Integrate Calendar section.

Google Calendar sharing settings with Embed Code and Customize highlighted

UnderUse this code to embed this calendar in a web page, copy the embed code.

The default size is an 800 by 600 pixel calendar with Google’s default color scheme.

Set the calendar default toWeek,Month, orAgendaview.

Google Calendar customization page with embed code highlighted

Agendaview is useful for something like a cafeteria menu or team project schedule.

The default size is 800 by 600 pixels.

Every time you make a change, the site displays a live preview.

Embed code highlighted in html web page editor

The HTML above your calendar changes as well.

The Calendar Is Embedded

View your final page to display the live calendar.

Any changes you make to events on your calendar update automatically.

Google Calendar embedded on website

In this case, you’re changing the way the calendar appears on your page, not the events.