By RobElliottRobElliott


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.



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="" frameborder="0"
              style="width:100%; height:640px; border:none;" scrolling="no">

You need to copy all the code.


Paste the code into your wiki page using the syntax:

[[iframe 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!

rating: +12+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License