By RobElliott
|
Table of Contents
|
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.
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.
Thanks to tsangk for this great snippet: conditional-blocks
text above inserted with:
[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]
Other snippets posted by RobElliott
Sproutbuilder - 16 Feb 2012 01:44
Slideshare - 16 Feb 2012 01:42
Show A YouTube Video Saved On Your Page - 16 Feb 2012 01:41
PollDaddy - 16 Feb 2012 01:32
Mibbit - 16 Feb 2012 01:21
Google Translate - 16 Feb 2012 01:06
Rate this solution
If you think this solution is useful — rate it up!
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).
's awesome!