Embedding an editable Google Docs into your website

There are many reasons why embedding editable Google documents to your Course website may be useful. For example, you may have a document you wish the entire class to contribute. Whatever your need may be, this post will give you step by step instructions detailing just exactly how to do this.

Setting up Your Document

The first thing you will need is a Google Document. You can either upload a word document here or create one from scratch.

Once you are in your document, you should make sure your settings allow people to edit without having to login to Google Docs. Forcing people to login will complicate your ability to allow students to edit the document directly from your course page.

To change the ‘share’ settings on your Google document, click on the ‘share’ button on the upper right-hand corner of the page.

A box will then appear. Here, you should see permissions listed. The default permissions status for Google Docs is ‘private.’ You should click on the ‘change’ link.

Here you will want to click the radio button by ‘Anyone with the Link’ or ‘Public on the Web’. (Your choice will depend on how public you wish it to be. The suggested option here is ‘Anyone with the Link’.) Then check the box by ‘Allow anyone to edit (no sign-in required)’.

Click ‘Save’ once you’re finished.

You should now be brought to the previous sharing settings page. Now, however, the page should provide you with a link. Copy this link and paste it in notepad or another simple text editor for now so that you can use this link later.

 

Creating the Embed Code

Before you’ll be able to embed your document, you’ll need to create the correct code to paste in your page.

Open the simple text editor where you pasted your Google Docs link.

Paste this code under the link:

<iframe height=”620″ align=”middle” width=”100%” border=”0″ src=”YOUR GOOGLE DOCS LINK HERE”></iframe>

Now copy your Google Docs link that you posted previously and paste it in the part of your code marked ‘YOUR GOOGLE DOCS LINK HERE’. The text should be replaced with your Google Docs link.

 

Embedding the Document in your course website (Finally)

The next and final step is to embed the code you just created into your website.

To do this, go to your course page and click on the edit button that looks like a hand holding a pencil in the place where you desire to embed your Google document.

You should come to a page where you can input the code.

When you are finished click ‘Save Changes’.

When you go back to your page, the editable Google document should be there and editable directly from your page!

 

Original post at http://techbar.blogs.brynmawr.edu/2011/06/23/how-to-embed-an-editable-google-document-into-your-course/ by Helen Chang