Embed your forms

Wednesday, May 14, 2008 2:26 PM

Andrew Chang, Marketing Manager

Since we launched spreadsheet forms in January, one of the top user questions has been "How can I embed my form into a website or blog?" Last night, we added this option. You'll see this new feature during form creation, when you're prompted to invite people to fill out your form. Just skip the invitation step and look for "Embed" in the upper right-hand corner of the page. Paste the code provided into your blog or website.


Here's what a form looks like once it's been embedded into a blog.

39 comments:

Chris said...

What feedback will we get from such a form? Similar to cgiemail?

sryo said...

great news, keep up the good work!itjnlox

scott said...

Thanks! Any plans to add some captcha?

GreenPages Salesnet Community said...

Does not work with Sites - Get this error...Your HTML either contains unsafe tags (iframe, embed, styles, script) or extra attributes. They will be removed when the page is viewed. It would be nice if it did!!

fogus said...

Next logical question: How would one style this form?
-m

scott said...

Also, it would be cool if I could style the tank you page. I put it in a white page and the thank you message has a grey backround. Keep up the good work!
My Form

DiMeko said...

How can i delete a Forms?

I was testing it but now i want to remove it.

jodru said...

GreenPages, I had the same problem, but you can embed on Google Sites, by selecting 'Insert' and then 'Spreadsheet Form'.

jodru said...

The real question is how do you embed a form for a spreadsheet without publishing it for the whole world to see?

arun said...

@jodru
You don't have to publish the doc to embed the form script in your site.

Also check my example here

http://aruninte.blogspot.com/2008/04/fwd-funny-pictures-on-harbhajan.html

I am using it to email my blog posts

arun said...

sorry the link earlier was
Example poll

The biggest issue now is we can't validate..

Jim McNelis said...

there is a problem with the link in the iframe source given when embedding the form. when trying to view the form on a live page, it requires you to log in to view the form. this is obviously a problem for people who want to use this as a way for joe public to fill out a form on a website.

the solution is remove the /a/example.com/ from the code. can you take care of this so we don't have to do that manually each time?

thanks

Jim McNelis

Hamilton said...

Arun,

You can validate! See:
Mini-Digg using the Google Docs Platform for all kinds of things you can do with Google forms.

scott said...

Hi Hamilton,

I didn't really gather from you link on how to validate. Could you point out where in page it is?

Thanks! You certainly seem like the goto person for Google Docs forms.

Hamilton said...

Hi Arun,

I came at it kind of sideways. I meant, given the html from the Google form, with a little JavaScript, you can do a number of things including validation.

To validate your form input, if you're embedding the raw html in your site as opposed to the very cool iframes that are now provided, you can use the onSubmit event handler. To read more about that, there's a good example at:

Building a Dynamic Thank You Page

Or, you can look it up on Google's newly available doctype a great reference for web deveoplment!

arun said...

Yes Hamilton,
I got your idea. For the time being thats the way out.

bendit said...

it is cool to embed forms, but how do i embed the complete spreadsheet in my igoogle (for collaboration)? i'm thinking this *must* be easy, but i've spent hours trying to get it done...without success.

any advice anyone? thanks! ben

lioninside said...

this is amazing :) really. no more php/mysql forms for me. thanks

Anonymous said...

Once the user filled the form, I want to redirect him again to the page where he filled/submitted the form.How to do this?

Hamilton said...

Hi anonymous with the redirect question,

If you don't mind getting your hands dirty with a little html, try out the following two articles for a step-by-step answer to your question:
More Cowbell! Record Production using Google Forms and Charts

and

Cowbells Without Retakes

Alex said...

Ive embedded the form into my website and ive ticked the "let people see existing responses" but it doesnt display them. If I use the link to display the form instead of embedding it, the list appears.

The Luchauers said...

I grabbed my embed code and tried to put it into a page in my Google group, but it seems to delete the iframe code and then replace it with the text between the iframe tags ("Loading..."), followed by another tag that I've never seen ("wbr" in angle brackets).

Any ideas on how I can embed this form into a page in my Google group? Thanks!

Tim said...

I get an error message when I try to use the form internally or embedded in another website:

"Sorry...

"You can't view this form because it is published within a closed domain that you do not belong to.

"Find out more at the Google Docs Help Center."

But that's no help. Ideas?

Thanks.

Tim

Mike P. said...

Like Bendit, I'm also having trouble publishing a spreadsheet into my Google Group using the iframe code...

and not finding support for it.

CPSO said...

I've posted my form to a blog page. see it at:

video-excel.com

is there any way that when someone fills it out and submits it, that the answers will also post on the web page? or will i have to copy and paste them from the spreadsheet onto my web page?

CPSO said...

tim and mike p,

i don't know if this is the same problem that i had a while back. but here is a form i made:

http://spreadsheets.google.com/a/gallaudet.edu/gform?key=pTa5Obr6-bdPVHa49pc_LCQ&hl=en&gridId=0#invite

you have to cut out the "a/gallaudet.edu/" from the form to make it public to anyone.

hope this helps.

Brennan said...

I am trying to embed a custom google map into my Google sites. When ever I try to insert using a url it says request timed out. Also when I try to embed it using the html code given to me it says: "Your HTML either contains unsafe tags (iframe, embed, styles, script) or extra attributes. They will be removed when the page is viewed." I am new to all this and it would be great if someone could help me out.

StepStones e.V said...

I have the same problems some seem to have had it also:

Users outside the domain get this message when trying to acces my excel form:

You can't view this form because it is published within a closed domain that you do not belong to.

Removing the a/example.com/ did not help either :-(

please help

Keshav said...

I love using the forms. I embed them in a blog that I run. However, I can't seem to customize the colours. My blog has a dark blue background and the embedded form has a white background and is a bit of an eye sore. here's my blog - www.iskcontoronto.blogspot.com

can anyone please help?

Gerald said...

Is there a how-to page depending on the different blog sites? Does anyone know how to post on Live Journal or Multiply?

B rad said...

I just tried to make the embed code the content of a custom "Free Form" gadget to no avail. This should be easier (I am sure someone will write the gadget soon. I get even I could write this one.)

B rad said...

Another obvious feature that I trust someone will add as this matures (It's great and I'm glad you released without this!):

You should have another selection under the "Form" menu on the GoogleDoc Spreadsheet menus for "View Data within Form" -- that is, travel through the data your form has collected (backwards forwards buttons) *within* the form they were submitted within.

Thanks so much

Angie said...

I'm trying to embed my form to a Typepad blog to not avail. Any suggestions?

Energy Guru said...

I tried making a form, saved it and copied the link posted in "embed" to a website I'm making with google sites. Sounds like a really simple thing to do. Didn't work. I think somebody made a mistake, but I don't think it was me.

harayz said...

hey, i cant embed it onto my wordpress blog. please advice.

Cherokee Middle School said...

The embed prompt does not appear under "More Actions"

6th Grade, 6th Period said...

The "embed" option does not show up in the menu under "More Actions". It used to be there.

HELP!!!

thompa said...

Great system for allowing editors of a spreadsheet to update a form or list... but how do I enable users to print the data?
I would like to put a button on my web page which, when clicked, prints the contents of the iframe containing the Google Document - but this does not seem possible.. or is it?

griz said...

Is it possible to embed a google form in a facebook fan page?