User Guide

 

How to Create Better Forms

Browse Article by Topics

Setting up Form Columns

We understand the frustration behind building forms, where spacing and layout has always been a struggle, when it comes to normal users who have no HTML/CSS background.So, to help users in designing a multi-column form, we have deployed some built-in...

10 Best Practices for Web Forms

We see hundreds of web forms every day and often encounter forms that are created so carelessly. Some only have a title or just a user name field. Some don’t even have any text at all. These little tips & tweaks will help you look mor...

Form Designer Tutorial: Let's create fantastic forms!

Form Designer is a life saver, an awesome new feature that will simplify your life. Our users are excited exploring the incredible potential this tool has. Here's a brief introduction.And here you have a video course of 10 lessons explaining Form Des...

How to Add a Downloadable File to Your Form

There are instances when you want to include a file that your users can download, whether it's right within your form, on the Autoresponder Emails they get or on the Thank You page right after form submission.Nevertheless, no matter where you want to...

How to Add an E-Signature to Your Form

Back in 2013, we introduced E-Signature Widgets that you can add to your forms. If you're looking for a way to add a field that allows your respondents to sign the form right before submission, we offer a variety of widgets that you can choose from.h...

Managing Field Error States and Highlight Effect

All forms created in JotForm have two built-in features that most of you may be familiar with:1. HIGHLIGHT EFFECT: The subtle change in the background color of a field that receives focus.2. ERROR STATES: The attention-grabbing error messag...

A Guideline to Create the Perfect Survey Form - Part 1

Creating a survey form is a tedious task if you don’t know where to start. Let’s start briefly, there are two types of surveys, one is for the total population which has high costs and is very time consuming and the other one is achieved by deter...

Job Application Form 101

Job application forms are long, hard, & sometimes boring to create. Nobody has standards or best practices on the web about job application forms so we wanted to share 10 great tips from our point of view. We've also shared the example form at th...

Turn Your Form into a Quiz or Exam!

Sometimes you need to compare form results against a specific set of answers. Introducing Quiz Form. It's an application that integrates with JotForm and will grade the results of your submissions.TO CREATE A NEW QUIZ Navigate to the Quiz Form app&n...

A Guideline to Create the Perfect Survey Form - Part 2

Preparing The Survey FormFirstly, your introduction is the most important thing in your survey. Try to think from your users’ perspective. Will you fill out a survey if it says “Please fill out this survey form?” No! of course not. You should t...

How to Create a Solid Customer Satisfaction Survey

Customer satisfaction surveys are both good for you and your customers. You’ll strengthen your relationships with your customers and get to solve the pain points of your business with just a customer satisfaction survey. However, do you know how to...

How to Customize the Submit Button with CSS

UPDATE: Try Form Designer video course to create fantastic Submit Button styles!Did you know that green and blue are the most relaxing colors? That's why they're used by the most popular websites out there to help users feel good surfing those websit...

How to Display Images on Secure Forms

If you have a form containing various images (backgrounds, banners, icons, photos) and those images are displayed okay when the form is viewed at its non-secure (http://) URL but not at the secure (https://secure) one, or your browser gives a warning...

How to Create Multi Page Forms

Using page breaks is extremely easy but we need to know when or where to use them. Some like to use it in job applications and some use it in surveys. Teachers use them in quizzes and organizers use it in event registrations. The most important ...

Show or Hide Multiple Fields at Once Using the Section Collapse Field

In this tutorial, we will be learning how to hide or show multiple form fields based on a single conditional logic - using Section Collapse field/element. Before to proceed, we must get acquainted with Section Collapse field first. What is a...

How to Change the Page Title of the Form

There are times that when you clone a form, you'll see that in the page title, the one shown in the browser tab/window displays a different text or name. This is most probably because the page title of the form has not been changed. Or there are just...

Enabling Security Certificate Seal on Secure Forms

**UPDATE: Starting from 6 October 2016, all JotForms are now secured with SSL without any limitations!Open your form in edit mode from the My Forms page, and then:1. From the Form Elements menu, click on Image to access Image wiza...

Changing Height in Xara 7

Several customers have reported to us this problem that they are not able to see submit button when adding a form into Xara 7 web builderPlease follow the follow these steps :1) Press F2 to get the "Tools selector" bar  2) Modifify the height (H...

How to Change the Title or Name of your Form

Naming online forms is a simple task, but most of the users don't know or even bother to name them. However, people don't predict what'll happen in the long run, when they have more than 20 forms, things start to get complicated. So, it's a best prac...

How to Make a Poll using JotForm

When creating polling forms, it is nice for users to be able to see the overall results after they have completed their submissions.  There a few different ways this can be displayed, all of which consist of showing a char in the thank you page....

Beautify your Form using Jotform's Built-in Fonts

The Jotform Form Designer has served well to the users since it was released. One of its dazzling core feature that is most frequently used is the ability to apply custom fonts to the form from the built-in fonts or via CSS Inject. The built-in ...

How to Apply and Remove a Theme Within the Form Builder

Please check our Theme Store for more details. https://www.jotform.com/theme-store/ To add a theme in the form:Step 1 - While in the Form Builder click Form Designer:Step 2 - Go to Themes tab, find the theme that you like and click Use...

How to Use Google Fonts in your Form

Aside from the built in fonts, JotForm also supports "@" at-rules e.g. @import and @font-face. You can use these codes to import your custom fonts from Google Fonts or fonts hosted on your server.A. Import fonts from&nbs...

How to create a survey form and customize it

Here you have an example using a Matrix and a Page break form for survey forms Step 1 - Select the Input table (Matrix) field from our Tools panel:Step 2 - Add a Page Break field,Step 3 - Add another field from Survey elements such as Scale rating or...

How to Reduce Vertical Spacing Between Fields

Sometimes, fitting up your form is necessary for your website design. So for example, our default form field spacing is like this:... and you might want something like this: In order to accomplish that, follow these steps:Step 1 - In the form bu...