Embedding a Google Docs Form into a Webpage: Brief Tutorial

I love the new feature of creating forms from a Google Docs spreadsheet and having the form information populate the spreadsheet automatically with a time stamp. The one thing I found limiting was there wasn’t an embed tag for the form so I could post it up on a webpage. I discovered this work-around so that you can embed your Google form on a web site so anybody can access and answer it (instead of just emailing it to other Google account users).

1. Create your spreadsheet by putting the fields of your form in row 1.

2. Click on the Share tab.

3. Under Invite People, choose to fill out a form radio button.

4. Click on Start Editing your Form button.

5. In a separate window, you can edit the fields text, the type of field (text box, paragraph field for comments, check boxes, multiple choice [e.g. radio button], and lists) . Click on Edit, or click on the arrows above or below edit to move the order of your form fields.

6. Click the Done button to finish your form field edits.

7. Click the Save button at the bottom to save all your form changes.

8. Now at the top of the window, click on the Preview and Send tab.

9. Copy the link next to the sentence “If you can not view this form properly…” aka the view form key link.

10. Paste this into your webpage enclosed in iframe tags, like this (note our substitution of the key):

<iframe src=”http://spreadsheets.google.com/viewform?key=key_number” width=”635″ height=”880″ frameborder=”0″ scrolling=”no” style=”margin-left:-15px;”></iframe>

11. Now your form is embedded on your web page. When anybody visits your form and fills it out, your spreadsheet will be addended with their responses and automatically updated.

-Angel Brady

---

Possibly related posts: (automatically generated)

• How to Create a Form in Google Docs and Embed into Your Webpage: Brief Scre…
• Viewing Your Responses in Google Docs Spreadsheet Forms: Brief Tutorial
• How to Set-up SFTP on Windows XP-Brief Tutorial