Home / Advanced Topics / Embedding Google Items

Embedding Google Items

Embedding a Google item is very easy and requires just a little familiarity with HTML.

Embedding Google Documents, Presentations, Spreadsheets, and Drawings

  1. Open your Google Document (or other Google item).
  2. Under the "File" menu, click "Publish to the Web". screenshot of Publish to the Web window in a Google document with a red arrow pointing to the iframe code in a text box titled Embed code
  3. Copy the "iframe" code.
  4. On the page you want the Google Doc embedded, click on "Source Code" button from the WYSIWYG editor to open the HTML editor.  WYSIWYG editor in WCMS with the Source Code icon highlighted in yellow
  5. Paste in the iframe code where you'd like the Google item to appear. Your HTML code should look something like this example:
  6. Click "OK" and then Submit and Publish your page.
  7. Your item should automatically appear on your page as well as any changes you make going forward.

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.
    Google Forms window with the Send button highlighted in yellow
  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).
    Send Form window in Google Forms with the iframe source code highlighted in yellow
  4. On the page you want the Google Doc embedded, click on the "Source Code" button from the WYSIWYG editor to open the HTML editor.  WYSIWYG editor in WCMS with the Source Code icon highlighted in yellow
  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