Embedding a Google Calendar

Here's how to embed your calendar on your website:

  1. Select the page you want to embed your calendar on or create a new page.
     
  2. Open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app. 
  3. In the top right, click Settings Settings and then Settings.
  4. On the left side of the screen, click the name of the calendar you want to embed. In the example below is Jane Smith Campaign Calendar.



  5. In the "Integrate calendar" section, copy the iframe code displayed.
  6. Under the embed code, click Customize.



  7. Choose your options, then copy the HTML code displayed.



     
  8. Back in your Editor, click the  Insert HTML Code  Icon inserthtml.png.


     
  9. Paste in the code. Then Press OK.



     NOTE: You will not see the calendar. what you will see will look something like this:


     
  10. Save your page.
  11. Your Google calendar is now on your website


     
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Edit or Create a New Page

On the Admin Menu Navigation, Click Page Management. You will see two columns of pages. The left...

Manage Images and Files

  Images and Files – contains uploaded images and files. Stock Art – stock art that can be...

Page Editing Icons Explained

  TIP: Hover your mouse over the icon for a name description.   Insert HTML Code...

Removing Links

To remove a link, highlight the existing link. Click the Remove Link icon.  

Creating Links

Highlight the text you wish to create a link from. Click Hyperlink icon Select URL in the...