Jotform: Collect data on your blog or website

Media_https3mediasqua_wdhet

I have been using this Jotform.com site for setting up basic data entry forms. Just sign up and you can get started in minutes. Once you have signed up you get a default form that you can modify. Most of the things are clickable. I just clicked on the title and typed over the new name for my form. I want to collect data from people who are coming to my party.

Media_https3mediasqua_lutnp

Individual items of a form are called fields. Click on the first field “First Name” and change it to Name. (HINT: just double click on the words First Name and retype)
I don’t really need Last Name field, I can just delete using the “X” icon on the right.

Media_https3mediasqua_jadpd

If you need to accept more kinds of data just drag the items from the Toolbox on the right to your form.

Media_https3mediasqua_gutdg

I wanted to know if anyone coming to my party is vegetarian. So I added this field called Vegetarian. The answer field is a drop down list with just two values. Yes or No.

Media_https3mediasqua_gpakn

The properties window in the bottom right shows up whenever a field is highlighted. Here I am changing the Options to list two items 1)Yes and 2)No. The user of the form will see

Media_https3mediasqua_cylnz

Here I added another field called “Bringing Anything”. This field is of the type TextArea. My friends can type in whatever stuff they are bringing/

Media_https3mediasqua_afhrf

On the heading bar towards the right you will see the following buttons. The first one that looks like a floppy disk is the SAVE button. Click on it to save the form.

Media_https3mediasqua_wjhxk

This button is for viewing the code of the form. Click on it to view the code.

Media_https3mediasqua_hcfiq

Here is how the code looks like

Media_https3mediasqua_creor

I can copy this code and paste it on my blogspot blog in a new post. You must remember to change the Post editing to “Edit Html”

Media_https3mediasqua_fzgzk

This is how the form looks like on the blog.

Media_https3mediasqua_yytxd

I tried pasting this on my own WordPress blog and another website, The form works well.

However it did not work on worpress.com and inside Blackboard learning management system. In such cases you may want to view the form and directly link to the URL of the form.

You can get the URL of the form, if you select the form and then click on the VIEW button on this bar.

The form will pop up in a new window and you can copy the URL from here.

Media_https3mediasqua_aczqe

After a few days, you may want to see how many people have filled the form and what they have filled. Again select the form you want and click on the REPORT button.

Media_https3mediasqua_bgjal

You will get another page where you can select the specific items needed in your report.

Media_https3mediasqua_fgcmo

You can even select the form to output an Excel file with your data in it.

Give jotform.com a try. I found it a very useful service and would not even mind paying for it. Feature request: RSS feeds for form results.

Technorati Tags: , ,

16 thoughts on “Jotform: Collect data on your blog or website

  1. heys preetamrai, nice blog you have. well, just noticed that the pictures in this entry have got some ‘sizing’ problems. just to let you know. but well, heys keep up the good work. =) useful tutorial.-lance.

  2. [...] Just look at the titles of articles – Programming your Blog or Website, Collect Data on your Blog or Website, or How readable is your blog or website?. All of these articles convey valuable information, but they also all suggest that a blog and a website are separate entities. I’ve always been frustrated with this perspective. [...]

  3. There’s good info here. I did a search on the topic and found most people will agree with your blog. Keep up the good work mate!-http://www.congoo.com/news/addstorycomment.aspx?st=101238219&Channel_ID=66&Category_ID=373″ rel=”nofollow”>Robert Shumake Fifth Third

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s