Google Forms Shortcode WordPress Plugin

door Jules

Current version of the plugin is 1.0.1, the first release + a small typo fix. Download it from the WordPress.org site.

This WordPress plugin adds the possibility to easily insert forms created by Google docs into pages and posts using a shortcode. The form will be embedded using an iframe.
It also contains options for default settings, so you don’t have to change all iframe codes if you e.g. change the width of your content column.

What do I need?

screenshot

Create new > Form

First, create a Google spreadsheet form. This can be done by choosing Create new and Form in Google Docs.

More information about Google Forms and how they work can be found on the Google Forms support page.
For those of you who like screenshots, check out Google Forms quick howto.

Then, design the form or survey and find the formkey. The formkey is a very long string of letters which is unique to every form. Copy this string. It can be found in the edit window while editing the form. It’s the unreadable part after ?formkey=:

The form key.

What do I have to do to insert this form in my WordPress page?

On the place in your post or page, insert a shortcode called googleform. This shortcode will be replaced by the Google form iframe.

A sample shortcode looks something like this:

[g oogleform key="dFJXOFlwQVRDSHBYX1ZFdmN6NjliclE6MA" height="700" width="600"]

key is mandatory. The height, width and text parameters are optional, and defaults can be set on the plugin option page.

The options page

I want it! Where can I get it?

Right on! Add the plugin using the built-in WordPress plugin browser (search for google forms) or download it from the WordPress.org site
After that: activate the plugin, and start inserting forms!

Please leave a comment below when you encounter issues (or when everything works fine).

Do you have a sample?

Yes. Right here:

Like posts like these? Follow my (English) RSS feed.

{ 3 comments… lees ze hieronder of voeg er een toe }

jay juli 20, 2010 om 22:43

Great plugin…
how can i remove the scroll bars?
Thanks in advance.

Beantwoorden

Jules juli 21, 2010 om 12:16

@jay:
The form is embedded as an iframe. To get rid of the scrollbars, you have to set the height of the iframe to be greater than the height of the form itself.

From within the shortcode, use the height=”700″ parameter, and set it to a high value.

Beantwoorden

Enci augustus 25, 2010 om 07:48

Love it! Thank you so much! :-)

Beantwoorden

Laat een comment achter

Vorige artikel:

Volgende artikel:

  • Waarmee kan ik u helpen?

    Uw bericht: