Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  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 Settings and then Settings.

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

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

    • Under the embed 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 also see a preview of your calendar


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

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