Embed a Google Calendar

Desktop

Getting the Google Calendar embedded on a page requires you to retrieve an embed code, but will give viewers the luxury of seeing an events calendar right on the page, instead of needing to visit another site to view it. Here’s how to get this set up:

 

Step 1: Hover over the +New tab at the top of your screen and select Page.

Step 2: Enter in a title for your calendar page.

2BDDXWjfTj.gif 

Step 3: Navigate to your Google Calendar. Click on the gear icon at the top right of your calendar and select Settings.

 

Step 4: Choose the Calendar tab towards the top of the page and click on the title of the calendar you want to share.

 

Step 5: Under the SHARING column to the right of your calendar’s name, click “Edit settings.”

 GlRTfoqdkQ.gif

Step 6: Click the “Calendar Details” tab, and scroll down to the section that says Embed this Calendar and copy the HTML text.

p2GbDchSxm.gif 

Step 7: Go back to the school page you created in step 1 on your website. At the top of the content box, where it says “Visual,” click the tab to right that says “Text.”

 

Step 8: Paste the Embed Code. Inside the code, change the width="800" to width="600".

 

Step 9: On the right-hand side, click the blue Publish button.

CvPNIK2Zdx.gif

Mobile

Getting the Google Calendar embedded on a page requires you to retrieve an embed code, but will give viewers the luxury of seeing an events calendar right on the page, instead of needing to visit another site to view it. Here’s how to get this set up:

 

Step 1: Hover over the +New tab at the top of your screen and select Page.

Step 2: Enter in a title for your calendar page.

 

Step 3: Navigate to your Google Calendar. Click on the gear icon at the top right of your calendar and select Settings.

 

Step 4: Choose the Calendar tab towards the top of the page and click on the title of the calendar you want to share.

 

Step 5: Under the SHARING column to the right of your calendar’s name, click “Edit settings.”

 

Step 6: Click the “Calendar Details” tab, and scroll down to the section that says Embed this Calendar and copy the HTML text.

 

Step 7: Go back to the school page you created in step 1 on your website. At the top of the content box, where it says “Visual,” click the tab to right that says “Text.”

 

Step 8: Paste the Embed Code. Inside the code, change the width="800" to width="600".

 

Step 9: On the right-hand side, click the blue Publish button.

Have more questions? Submit a request

Comments

  • Avatar
    John Watson

    How does someone add a Google Calendar for a specific sport? Ex: Hockey.

    If I follow the steps above, where does the Calendar appear? On the home page? I am only adding a Practice Google Calendar for a specific team, not the entire school.