Embedding a Google Doc in a web page

Note: the page assumes familiarity with basic HTML editing.

Embedding a Google doc in a web page is a very convenient way to let one or more people update content without HTML skills. Here is the process.

  1. In the Google Doc to be embedded, from the File menu, choose "Publish to the web."
  2. In the pop-up window, choose "Publish", and choose "OK" when asked to confirm.
  3. In the same pop-up window, you should now see the link to the page highlighted. The link is not what you need. Instead, click on "Embed."
  4. This should now display the "iframe" code that you can cut and paste into the HTML of your web page.
  5. Edit the iframe code to add a height and width for the embedded box for the doc. Example: height="300" width="500"
  6. Close the pop-up window with the "x" in the upper right hand corner.

Here is an example of an embedded Google Doc:

Alternative:

Note that instead of embedding a Google Doc in a web page, you can treat the doc itself as a web page. After choosing to Publish as above, just copy the "link" information. That is URL of your Google Doc. Example.