Embedding a Google Calendar into a Sport Page

The process of taking the embed code from a Google Calendar and then placing that on a School Page so that the calendar will show up in the sport section that you would like it to.

VNN Playbook - Embedding a Google Calendar into a Sport Page

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


Step 2: Enter in the title of your calendar 

Step 3: Scroll to the Page Type section and select Google Calendar. Select the sport you want the calendar to appear on in the Program field.

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

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

Step 6: 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. Copy the HTML code in the Calendar URL field.

Step 8: In the code change the width="800" to width="600"

Step 9: Scroll to the top of the page and click Publish.



Have more questions? Submit a request