You can add an interactive version of your calendar to your website, and add buttons for your website visitors to directly save your calendar event.

Embed a calendar on your website

  1. On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the mobile app.
  2. In the top right, click Settings  > Settings.
  3. Open the Calendars tab.
  4. Click the name of the calendar you want to embed.
  5. In the Embed This Calendar section, copy the iframe code displayed.
  6. In your custom page, click the Source button and then paste your calendar code. 
  7. Click Source again to exit source mode and save your edits.

Your embedded calendar will only be visible to people you've shared it with. To allow all visitors to see your calendar, you'll need to make it public.

Customize your embedded calendar

  1. On a computer, open Google Calendar. You can only customize your embedded calendar from a computer, not the mobile app.
  2. In the top right, click Settings  > Settings.
  3. Open the Calendars tab.
  4. Click the name of the calendar you want to embed.
  5. In the Embed This Calendar section, click Customize the color, size, and other options.
  6. Choose your options, then copy the HTML code displayed.

Note: The Weather Calendar won"t show when embedded on your website because this calendar changes for different locations.

Did this answer your question?