«
»

[How-To] Embed Google Docs Forms in your Blog

Sometime back Google Docs added Forms feature to spreadsheet. Starting yesterday, Google Docs has integrated the embedding feature with the Google Spreadsheet.

Google Docs Logo

Now you can embed the same form into your website or blog. This answers the most important question ” How do i embed my form into my blog or website? ” The form inputs leads to the updation of the spreadsheet.

To create a Google Docs form to embed in your website or blog follow the steps mentioned below

1.) Create a spreadsheet with the form fields you wish to expose in the form.

Embed Google Docs Form into your Blog or Website

2.) Save the Spreadsheet.

3.) Click on link called Share and select the form feature

Google Docs Embedded in Blog or Website

4.) Copy the embed code and paste it in your blog or website where you wish this form to be displayed.

Another step which proves that fact that we just don’t need web versions of our desktop software. We, as end users need web software that takes advantage of being online.

[Update] : Inside Adsense blog has also come out with an interesting post on this topic. For further step by step  on this, follow this link from Google Docs Support.

[Update 2] In case if you are having issues with saving the embed code which contains iFrame in your Wordpress blog, the hack for the same is mentioned below

1.) Copy the embed code containing iFrame.

2.) Switch to the HTML view on your Wordpress blog composition windows instead of the Visual view.

3.) Paste the embed code and do not move back to the Visual screen. Visual screen by default removes the source code which is not in the allowed list.

4.) Publish the post with the iFrame code. ( Remember, do not switch to the Visual tab, else, you will lose the iFrame code)

Also read: Google adds Forms Feature to Spreadsheets

You can follow me on Twitter at http://twitter.com/vaibhav1981

Do stay tuned to Technofriends for more, one of the best ways of doing so is by subscribing to our feeds. You can subscribe to Technofriends feed by clicking here.

Related posts:

  1. Google adds Forms Feature to Spreadsheets
  2. [HTML Forms] 5 Rapid Form Generation Services
  3. [Web Forms] Build Online Embeddable Forms With Icebrrg
  4. Upload Multiple Files to Google Docs With Google Docs Batch Upload
  5. Styles introduced in Google Docs

This entry was posted on Thursday, May 15th, 2008 at 9:40 am and is filed under Google. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

19 Responses to “[How-To] Embed Google Docs Forms in your Blog”

  1. Thanks for the instructional update! It looks like this will be a great feature for basic form usage. For embedded Google forms on steroids see:

    http://copaseticflow.blogspot.com/2008/05/testtesttest.html

  2. Hi Vaibhav,
    I’m eager to use the embedded forms feature at my Wordpress blog, but all I get is the embed code, not the form. Any ideas? thanks!

  3. Hi Ggraton,
    The embedded source is in theory enough for you to go ahead with embedding the form onto your blog. However, as Wordpress.com doesn’t support iframe and javascript… you might not be able to use this feature :(

    @Hamilton: Thanks for the comment and that valuable link.
    Cheers
    Vaibhav

  4. [...] [How-To] Embed Google Docs Forms in your Blog [...]

  5. [...] Also Read: [How-To] Embed Google Docs Forms in your Blog [...]

  6. [...] Also Read: [How-To] Embed Google Docs Forms in your Blog [...]

  7. it looks like a nice site, but it would better with multi language support, for example spanish.. but thanks..

  8. thanks a lot for this nice web site. it would be better with other languages, bur thanks..

  9. what is the alternative, if the wordpress not support the embedded code of google docs. I want it to use with my wordpress page desperately….

    please reply if you can help me.

    Thanks…..Cheers…
    Naven

  10. Hi Naveen
    I am not sure if you can use it with your wordpress.com blog. If you are on a hosted blog, you can always use the embed code provided to embed the form.
    Try http://wordpress.org/extend/plugins/inline-google-docs/
    Cheers
    Vaibhav

  11. [...] You can use Google Docs as a Rapid Form Generation service to design your forms. You can then embed this form into your website using the HTML provided and get the results in a spreadsheet. You can also follow me [...]

  12. Hi,

    i am trying to embed a google excel file into my website. but I am not able to so far. I am not very familier with HTML or anything.. would you help

  13. Hi,

    i am trying to embed a google excel file into my website. but I am not able to so far. I am not very familiar with HTML or anything.. would you help

  14. just wonderful ! thanks mates for everything!

  15. Good article, I found yours on accident. I just thought I would let you know that you can make money now for your articles. At SayItAloud you can post your articles like you already do, but you can get better exposure and make some decent money in the process when companies sponsor your article. I bookmarked your page and I look forward to your future articles.

    You can check out our site by clicking on my name.

  16. [...] [How-To] Embed Google Docs Forms in your Blog | Technofriends [...]

  17. Nice post! GA is also my biggest earning. However, it’s not a much.

  18. Bravo, this magnificent idea is necessary just by the way

  19. Hey. Great info. Just wanted to tell you that your sidebar appears broken in IE6. Please fix it.

Leave a Reply