JotForm’s Latest Product is Hands Down the Best Form Designer You Can Get

No Picture

Forms – the inevitable, the unavoidable. Nobody actually loves them, yet no one can do without them. Be it in real life or on the net, forms are a necessary evil. Or should I say were a necessary evil? Today JotForm, the online forms creation service has introduced a new tool dedicated to making forms attractive with ease. This new tool is called "Form Designer" and it does nothing less than bring the fun factor back to form design. Did I say "back"? Hmm, anyway…

form-designer-teaser

Form Design Really Needs a Form Designer ;)

Creating forms in plain HTML and CSS is a tedious task. This has been true for ages but is becoming worse and worse with all the application logic packed into modern web sites. Social integration, search functionality, profiles, account administration – wherever visitors of any website have to enter information forms are the way to do it. And the better a forms looks and functions, the more likely people will use it.

Thus, besides forms being unavoidable in themselves, making them look attractive, inviting even, is another inescapable necessity to win new visitors and keep returning ones. JotForm took the first step and gave us a powerful form creation tool to take the pain out of form building. They added a handful of beautifier options to let you brush them up a little. But, as soon as you wanted your forms to look really cool, you still had to delve into the CSS and get your hands dirty.

jotforms-limited-beautyfiers

With the announcement of the brand-new Form Designer this will come to an end. From now on you are enabled to prettify your forms to the max. In a visual environment with complete WYSIWYG you drag and drop together your form elements and really spice them up.

formdesigner-design-options

Form Designer Offers Flexible, Modern and Responsive Designs

No matter whether you want decent typography, like flat design or want to stick with skeuomorphism – Form Designer lets you pursue your own way of designing. With a ton of ready-to use options, such as predefined buttons, background textures, a plethora of different fonts and other elements, you can simply click together the form design of your choice.

jotform-readytouse-options

Form Designer fully supports the responsive design approach and allows you to create fully responsive forms for all screen sizes.

jotform-responsive forms

The tool adapts perfectly to the modern way of web design. It is a best-practice example in itself of how modern web apps should look and function. I have not often felt such a pleasure work with a web service. Form Designer is intuitive to use, no learning curves involved.

Form Designer: Quick and Dirty or a Stickler for Details, You Decide

Form Designer follows a top-down approach. Once you created your form with JotForm’s form builder, you turn to the new Form Designer by clicking its icon from inside form builder.

jotform-formdesigner-integration

From there you work through some major topics such as selecting a color scheme, a background image, the overall form layout with widths, padding and such. You select fonts and sizing, style your labels and adjust the line layout. That way you can have your form ready in under a minute.

From here click on any individual element and see the plethora of options to customize just this single element. This one here is a screenshot of the options panel to style a textbox:

formdesigner-textbox-styles

Form Designer: Hands Off or On the Code, You Decide

You might have guessed it, but let’s get this straight: you don’t need to code manually. Still, if you want to you can. If you like to have total control over your CSS, Form Designer doesn’t get in the way. Edit your CSS right from inside the tool as you wish.

jotform-css-inspector
Form with CSS Helper

formdesigner-csshelper
A Closer Look at the CSS Helper

The other way round works fine as well. Click your way through form design by selecting predefined elements. Then turn to the CSS Inspector and tweak the automatically produced code. Form Designer gives you full control over the results. No need for compromises, build and design as you wish.

Form Designer in Short: Great Tool, Use It

Form Designer is not only a step in the evolution of JotForm, it is a leap. Did that sound too enthusiastic? Probably, but this tool honestly excites me. What about you? Are you more of a sceptic? Take a look at this introduction video and see for yourself:

The best way to judge JotForm’s new service is to get your hands on it and try it out. Tell me what you think about Form Designer in the comments below.

Dieter Petereit

Dieter Petereit is a veteran of the web with over 25 years of experience in the world of IT. As soon as Netscape became available he started to do what already at that time was called web design and has carried on ever since. Two decades ago he started writing for several online publications, some well, some lesser known. You can meet him over on Google+.

Sort by:   newest | oldest | most voted
Montia
Guest

I love Jotform and I’m very excited to work with this new feature. I use Jotform at work and it is excellent for surveys, collecting information from customers, contest forms, etc. And it is ridiculous how many plug-ins/widgets they have. You can do nearly anything. I highly recommend them to any business.

Tom
Guest

The CSS helper feature looks very neat. Looks very flexible.

Robert Broley
Guest

I used to use Jotform a few years ago. It seems that they have stepped up their game in terms of design and functionality.

Teelah
Guest

I absolutely love Jot form, I suggest it to all my clients actually because even someone that doesn’t know css or HTML can do. I did not know they offered responsive designed forms though, they really have improved.

David Greaves
Guest

I haven’t used Jotform before but it looks brilliant – really intuitive.

wpDiscuz