1. Copy HTML code from your Google Calendar:

    • On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app.

    • In the top right, click Settings

    • On the left side of the screen, click the name of a calendar you want to embed.

    • In the "Integrate calendar" section, copy the iframe code displayed.

    • Under the Embed code, click Customize.

    • Choose your options (colors, size, elements to be shown, etc.),

    • Copy the HTML code displayed.

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

  2. Add Embedded Google Calendar from the top menu when editing a document 

  3. Insert HTML code

    Add embedded Google Calendar


  4. You can see a preview of your calendar

  5. Also, you can watch a video tutorial on how to get HTML code

  6. After filling in and saving the Add Embedded Google Calendar dialog, you will see the Google Calendar on your page