Jotform

By RobElliottRobElliott

Description

Jotform is a free online, customisable, drag-and-drop WYSIWYG tool for creating a contact, feedback, order, membership or any other type of form for your wikidot site. It is embedded on the page in an iframe.

jotform.png

Features

With Jotform your form you can include all the standard web form field types like text boxes, drop down lists, check boxes and radio buttons. In addition, it allows you to use a Date Time Picker, Star Ratings, CAPTCHA checks as well as include images from wikidot pages or anywhere on the web. Payment tools are also included so if your form is an order form you can receive payment via PaylPal, Google Checkout and others.

Your forms are sent to an email address you specify. With the free version you can receive up to 100 form submissions a month. A premium version at $9 a month removes this restriction.

You can produce reports about the form submission, either on the web or in csv or html or excel format.

Jotform Script

Create your account in Jotform and then create your form (including as necessary the autoresponse email or "thank you" that will go on the wiki page).

Then select the Share button and on the page that is displayed select the "Share your form on your site" option. A new window will open which will give you two methods of embedding your code in your site, an iframe and CSS plus Javascript. The easiest method is the iframe method and the code should look like this:

<iframe src="http://www.jotform.com/form/90981800815" frameborder="0"
              style="width:100%; height:640px; border:none;" scrolling="no">
</iframe>

You need to copy all the code.

Code

Paste the code into your wiki page using the syntax:

[[iframe http://www.jotform.com/form/90981800815 frameborder="0" style="width:100%; height:640px; border:none;" scrolling="no"]]

You might want to alter the width and height settings to suit the layout of your page as I have done below.

In action

The result is as follows:

Changing the form

If you need to make any changes to the form just go back to Jotform, make the changes and save. Every site where the form is used will be updated automatically.

Author

RobElliottRobElliott

Rate this solution

If you think this solution is useful please increase the rating.

rating: +7+x
thank you!
Zoe BluntZoe Blunt 1240297734|%e %b %Y, %H:%M %Z|agohover

's awesome!

unfold thank you! by Zoe BluntZoe Blunt, 1240297734|%e %b %Y, %H:%M %Z|agohover
Interesting Possibilities
WhiteKnight82WhiteKnight82 1240583012|%e %b %Y, %H:%M %Z|agohover

I like this form builder. It seems very powerful to me. I could do anything from a simple 'contact us' form to a 'sign up to our newsletter' (though not as featured as a service like aweber I can, in theory at least, still build up a mailing list albeit semi-automatically).

unfold Interesting Possibilities by WhiteKnight82WhiteKnight82, 1240583012|%e %b %Y, %H:%M %Z|agohover
Add a new comment
page_revision: 6, last_edited: 1240644173|%e %b %Y, %H:%M %Z (%O ago)
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License