Embedding Google Forms into WordPress

To embed a Google Form (such as the teacher feedback forms) into WordPress, please follow these steps.

1. From your Google Form, click on “More Actions” and “Embed” as seen below:

Embedding Google Forms

.

.

.

.

.

.

2. This will bring up a window with the embed code. Copy this code:

Screen shot 2010-04-16 at 11.11.02 AM

.

.

.

.

.

.

3. Go to your WordPress Dashboard, and create a new blog post as usual. We’re going to click on the plugin (icon) for Prezi shown here:

Screen shot 2010-04-16 at 11.11.39 AM-2

4. You’ll see a window pop up. The “Prezi URL” is where you’ll paste the code. However, this is where it gets tricky. You will only paste the content located between the quotation marks – see the text in orange. The rest can be deleted. Example:

If our code is: iframe src=”https://spreadsheets.google.com/embeddedform?formkey=dGlDV1plRXBoRWdLeDQ0RkYtb3kyd0E6MA” width=”760″ height=”3969″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Loading…</iframe

Screen shot 2010-04-16 at 11.12.51 AM

You can then set the custom size. I recommend a width of 600px and a height of 800px.

.

.

.

.

.

.

5. You should be ready to publish. If, upon publishing, you see mistakes or the form does not appear properly, most likely the code was not pasted correctly. Please leave a comment or email me if you need help.