Wednesday, May 14, 2008 2:26 PM
Andrew Chang, Marketing ManagerSince 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.

37 comments:
What feedback will we get from such a form? Similar to cgiemail?
great news, keep up the good work!itjnlox
Thanks! Any plans to add some captcha?
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!!
Next logical question: How would one style this form?
-m
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
How can i delete a Forms?
I was testing it but now i want to remove it.
GreenPages, I had the same problem, but you can embed on Google Sites, by selecting 'Insert' and then 'Spreadsheet Form'.
The real question is how do you embed a form for a spreadsheet without publishing it for the whole world to see?
@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
sorry the link earlier was
Example poll
The biggest issue now is we can't validate..
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
Arun,
You can validate! See:
Mini-Digg using the Google Docs Platform for all kinds of things you can do with Google forms.
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.
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!
Yes Hamilton,
I got your idea. For the time being thats the way out.
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
this is amazing :) really. no more php/mysql forms for me. thanks
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?
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
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.
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!
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
Like Bendit, I'm also having trouble publishing a spreadsheet into my Google Group using the iframe code...
and not finding support for it.
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?
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.
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.
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
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?
Is there a how-to page depending on the different blog sites? Does anyone know how to post on Live Journal or Multiply?
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.)
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
I'm trying to embed my form to a Typepad blog to not avail. Any suggestions?
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.
hey, i cant embed it onto my wordpress blog. please advice.
The embed prompt does not appear under "More Actions"
The "embed" option does not show up in the menu under "More Actions". It used to be there.
HELP!!!
Post a Comment