Embedding Google Docs, Presentations, Spreadsheets and Forms

These instructions will apply to Google Documents, Presentations, Spreadsheets, and Drawings.

(Embedding Google Forms instructions are below)

If you have a Google Document, etc. and you'd like to embed in your page, it's very easy. You have to have a little familiarity with HTML.

  1. Open your Google Document (or other item)
  2. Under the "File" menu, click "Publish to the Web"screenshot of google doc code
  3. Copy the "iframe" code
  4. On the page you want the Google Doc embedded, open the HTML editor and past in the iframe code, click "Update"
  5. Your HTML code should look something like this example: 
  6. <iframe src="https://docs.google.com/viewer?authuser=0&amp;srcid=0B4eqHdDuxv_0OHBSeHlyWWtWaE0&amp;
    pid=explorer&amp;a=v&amp;chrome=false&amp;embedded=true" height="1380" width="640"></iframe>

The width of the code should be no more than 760 for a Left Navigation Page OR no more than 1024 for a Page with No Left Nav

Embedding Google Forms

  1. Open the Google form
  2. In the top right corner, click the "Send" button
    screenshot of "Send" button
  3. In the window that opens, click the "< >" tab and then copy the entire iframe code from beginning to end. (you might need to scroll over to capture it all)
    screenshot of embed window
  4. Then open the page you'd like the form embedded on and open the "Source Code" button from the WYSIWYG editor
    source code icon
  5. In the window that opens, paste the iframe code where you'd like the form to appear.
  6. Click "OK" and then Submit and Publish your page.
  7. Your form should automatically appear on your page as well as any changes you make going forward.

See Also