TC Technology Knowledge Base

Embed a Google Doc syllabus in your Canvas course

Updated on

Embedding a Google Doc Syllabus in your Canvas course requires combining two (2) pieces of information within Canvas. This is done is three parts:

  1. Preparing your Syllabus Page
  2. Finding your Google Doc embed code
  3. Adding the embed code and adjusting the display format of your syllabus.

Part I. Preparing your Syllabus Page

1. Navigate to your Canvas Course and click Syllabus in the Course Navigation Menu.

2. Click the Edit button.

3. Click the HTML editor icon.

Syllabus for Template Form Test - [Brennan] - Google Chrome

4. Delete any text that might already be in the box.

Part II. Obtaining your Embed Code from Google Docs

1. Go to your Google Drive and open your Google Doc syllabus.

2. Click File in the top left corner.

Syllabus Template for Demo - Google Docs - Google Chrome

3. In the dropdown menu, click Share and then, Publish to web.

ScreenSteps Sample Syllabus Template - Google Docs - Google Chrome

4. Click the Embed tab, then copy the embed code in the box.

Useful keyboard shortcuts:

  • Copy: Ctrl+C (PC) , Cmd+C (Mac)
  • Paste: Ctrl+V (PC) , Cmd+V (Mac)
  • Find in page (to locate the "iframe"): Ctrl+F (PC) , Cmd+F (Mac)
ScreenSteps Sample Syllabus Template - Google Docs - Google Chrome

Part III. Adding and Formatting the syllabus Embed Code to your Syllabus page on Canvas

1. Return to your Syllabus page HTML editor (Part I: Step 4).

Syllabus for Template Form Test - [Brennan] - Google Chrome

2. Insert the Embed Code into the raw HTML Editor.

Syllabus ScreenSteps Sample: SANDBOX - [Camila Rivera] - Google Chrome

3. Format the width and height of the syllabus for proper display.

Without the width and height adjustment, your syllabus will not display correctly on Canvas. You must add the following code before ></iframe></p> located at the end of the code:

width="100%" height="850"

3.1. Type width="100%" height="850" before ></iframe></p>

Syllabus ScreenSteps Sample: SANDBOX - [Camila Rivera] - Google Chrome

4. Click Save.

Syllabus ScreenSteps Sample: SANDBOX - [Camila Rivera] - Google Chrome
Previous Article Recover deleted course content in Canvas
Next Article Add a direct link to your Google Doc syllabus

Canvas for Faculty

Get Started with Canvas 18
Canvas Basics: Pages & Modules 25
Publish a Canvas Course for Student Access 2
Canvas Gradebook 5
Canvas Quizzes and Surveys 5
Settings in Canvas 6
Add/Remove People in Canvas Course 2
Access Canvas as a Guest Without a UNI 2
Recording in Canvas 1
Error Messages in Canvas 1
Canvas Analytics 8
Honorlock Proctoring in Canvas 2
Canvas Assignments 8
Canvas Discussion Board 6
Canvas Home Page Template Editing 14
Canvas Overview Page Template Editing 7