User Guide

Browse Article by Topics

    No article topics.

Ways to Get Notified of New Submissions Aside from Email Notifications

Tired of your email servers blocking emails from noreply@jotform.com? Are you hoping there's a way to be notified even when your email ends up in our Bounce List? Although there are plenty of ways to lower the likelihood of getting your email in the ...

Setting up an Autoresponder Email

If you want an instant, pre-written reply, or you want the submitters to get a copy of the data they have submitted on your form, then you will need to set up an Autoresponder Email, so let's get started!A. Click SETTINGS at the top of the Form Build...

How to Create a Visual Report with Your Form Submissions

With Visual Reports you can easily generate eye-catching reports that are based on your submission data. It allows you to create and generate bar graphs, pie charts, line graphs, form submissions grids, and HTML texts and images.To start creating a v...

How to View Form Submissions

So your form has been getting lots of responses, and you need a central place where you can view all the submissions, edit them, respond to them by sending emails, print them, flag them for reading later - Delete them, download excel and CSV files am...

How to Use the Date Limits Option

Would you like to set limits on your Date Picker Field? Example, you only want to allow your users to enter dates that fall on a weekend. That is now possible with the new advanced options added to the default Date Picker Field.First, add the DATE PI...

Send Notifications to Multiple Recipients

If you'd like notification emails to be received on multiple email addresses, follow these steps:1. Click SETTINGS at the top > EMAILS on the left > place your mouse over the notification > then hit the PENCIL icon to edit it.2. ...

Provide a Detailed Summary to Your Respondents Using Form Fields

Form respondents like it when they receive a confirmation of what they just filled out. Especially with order forms, it's always a good practice to provide a review/summary of what they just ordered, either before or after form submission. JotForm of...

Pass an Input Field to a Text Element

If you stumble upon a scenario where you needed a visual confirmation of what your users filled out on your form before they submit it, there's a chance you might have used our Preview Before Submit widget.But what if you needed something a little si...

Mastering Payment Form Integrations with JotForm

Sending online payments is here to stay. Fortunately, collecting online payments is one of the strongest parts of our service and the reason why so many people choose to use JotForm. It is no longer a tedious process to set up a payment form. In fact...

How to Position Fields in JotForm

Positioning fields on your forms is one of the most frequently asked questions. There are different ways to adjust field positioning on your form.1. Drag & Drop2. Shrink3. Expand4. Go to new line5. Merge to the line above6. Manage multiple fi...

How to Search a Submission from the Submissions Page

Almost everyone is familiar with a Search Bar. Whether you're using Google, Bing, or just browsing some random website, you always use this to filter out results using a keyword (or a search query).On your Submissions Page, you also have this nifty f...

How to upgrade to HIPAA Compliance?

JotForm HIPAA accounts are served from an isolated HIPAA system. In that system, we are taking additional measures in addition to our normal practices to avoid even unintentional data breaches. When you upgrade to HIPAA compliance, all your data is m...

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 message with a red...

Quick Overview of Form Fields

JotForm has pretty much any type of Form Fields you might need. Take a look at the complete list below and get a brief description of each one of them.BASIC FORM ELEMENTSHEADER: A Header briefly explains what your form is about. Use the Subheader if ...

Chapter 3: Moving Your Nonprofit's Website onto a Mobile Platform

In 2016, for the first time ever, more users accessed the internet using mobile devices (web browser-enabled smartphones and tablets) than they did from desktop or laptop computers. In the U.S., most time spent consuming digital media is now done fr...

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...

Form Users Can Easily Copy The Content Between Fields

There's nowan easier wayto accomplish the functionality described in this guide. However,in some casesthe method below will be necessary.The formpictured below illustrates our objective(Click image to use form):As you can see, if a user were to enter...

How to Send Email Based on User's Answer

If you want to send email based on users answer, follow these steps.1. First, if you want to send emails with different content, you can create multiple notifiers like the following and customize each of them. If not, then you can keep a single email...

How to set Form Limits Based on a Unique Question

Let's suppose you are running a contest and would like to limit unique entries or values in a form.For example, you might want to acceptUnique Cell Phonenumbers. To accomplish that, follow the steps below:1. Add aShort Text Entry field (rather than t...

How to Add Options to Payment Forms

This guide will show how to create custom items and a lot of payment options in your Payment Form. The custom payment features on this guide apply to the Payment fields in the JotForm Payment Tools.By adding a payment field to the form, the payment i...

Adding MailChimp Subscribers to Interest Groups

Groups are useful for building list segments for sending to target audiences. With JotForm, you can either select the groups yourself or let form users select their groups.Select groups for subscribersAll groups are displayed under their selective ca...

How to Make a Field Required Based on User's Answer

Sometimes, you will want to have your form communicate with your users as they fill it out. The reasons for that are many and conditional logicis here to help you. On this guide, you will see how you can manipulate the required field option through c...

Prepopulating Fields to Your JotForm via URL Parameters

Update:Instead of following this guide you can also use this app to generate a prepopulated form URLhttps://prepopulate.jotform.io/.------------------------------------------------------------------------------------------------------Let's say you ha...

How to set PHI fields on your forms?

HIPAA Compliance requires protecting sensitive healthcare data in every possible way. However, it is quite common that not all fields in a form is contain protected health information. In other words, you may be collecting non-sensitive regular data ...

How to Setup a One-Time Payment Subscription

JotForm supports a handful of Payment Processors that would allow you to collect payments through your forms. You can sell products, get a user defined amount, collect donations or sell subscriptions.When dealing with subscriptions, you may need a wa...

How to let users view their submission?

This guide will help you, if you decide at any point, to let your users view their submitted data.For, example, if you wish to let your users view the submission they just made, but you don't want to use the emailing system (and inform them via Notif...

How to Properly Add, Change, and Test a New Email Recipient Address

A common problem is that you may have tried to change your Email Notifications to have them sent to a different email address, but when you test it you find out that it has only gone to your old email.Here is a simple guide to help educate you ...

Difference Between PayPal and PayPal Pro

People often ask, what are the differences between the two? There are two types of Paypal payment methods offered by JotForm for online forms. Here are the known differences of the two Paypal payment types.a. PayPal (Paypal Checkout)b. PayPal Pro (Pa...

How to Hide Empty Fields on Email Alerts

Update: On the new email wizard, this option is already enabled by default so you don't need to do any further configuration in your form.However, if you wish to change that option, you can open it in the Advanced settings in your email wizard. Below...

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 Section C...

How to Perform Form Calculation in the Input Table Field?

It is now possible to use the Input Table (Matrix) field to perform form calculation.Here in our example, we will set the matrix field similar to a survey questionnaire with ratings or value on them, we will calculate the total rating using theForm C...

How to Send Custom Data to Stripe Payment

With Custom Data, it is now easier to include custom descriptions to the data in Stripe payment integration.You can now directly attach key-value data descriptions to charges, customers, and most other data in yourStripe paymentform. As with the othe...

How to Add Coupon Code to Payment Forms

JotForm Payment forms are now capable of using COUPON CODES as another payment option. This guide will show you how to add the Coupon Code in addition to the other options that are already available in the Payment Form described on this guide onHow t...

How to Manage Multiple Fields

To manage multiple fields, hold down the CTRL key (for PC), COMMAND ⌘ key (for MAC) to multi-select fields. You can also press CTRL + A or ⌘ + A to select all fields.A menu will appear at the top that will allow you to manage the multiple fields ...

Getting Started with the Basics of Input Masking

Using a field input mask might seem like one of those things that you might not want to ever use a whole lot but, the reality is that using a masking capability can actually prove to be quite useful in a lot of different situations.For the purposes o...

How to Enable/Disable Fields Using Conditional Logic

Now you want to enable or disable the status of your form fields based on a user input. That is possible using JotForm'sConditional Logic.Here's a demo form:https://form.jotform.com/93078649436975. Noticed that I can disable the text box based on the...

How to Hide Form Fields

This guide will help you enable the "Hide" option in your form fields. You can follow the steps below to get started.Step 1: Opening the Properties window.Each form field has their properties option. Select a field and click the gear ...

Using cookies to auto-open a lightbox form per browser session

This guide will show you how to use session cookies to automatically open a JotForm lightbox when a user first visits your web page. You will need access to a PHP enabled Webserver to host your web page to be able to create this effect.1. Create your...

How to Show or Hide Fields on Edit URL

Edit URL is basically used for updating specific submissions data without logging into JotForm account.There are some cases that you'd want to show or hide fields on edit URL mostly for administrative purposes like the following.- Add a status on the...

How to Enable Geolocation in the Address Field

If you want to collect an accurate location of the user as well as eliminate the boring part when filling out the form, simply enable Geolocation feature in the address field. This automatically detects the user's location and autofill it to the addr...

Auto-Popup Lightbox Embed Form With Cookie Using Javascript

This guide will help you setup a Lightbox embed form that will automatically load based on the cookies of your user. This is originally based on this guide. However, that uses PHP script, this version of the guide uses a simple Javascript.This script...

Enable or Disable a Form Based on Time Using Conditions

There are occasions when you wanted to restrict access to your form on certain hours. Some use cases are when you:🔘 Cater registrations and you only want to accept entries during business hours.🔘 Offer promotions that are only available on cert...

How to Show Headers and Text in the PDF

UPDATE: We are excited to announce that we have just released the new version of JotForm PDF Editor.By default, the Header Fields, Text Fields, and Image Fields are not included in the PDF format of a Submission. If you want these fields to appear in...

How to Show or Hide Fields Base on User's Answer

Show / Hide a form fieldis part of our Conditional Logic feature. This option is useful if youwant a field to appear or hide, only when a previous field is filled or an option is selected.Video TutorialNow, let's start with an exampleform. In the for...

How to Change Submission Date to a Different Format and Timezone

In your submissions page, you can see the "Submission Date" column. Are you having a hard time trying to see the date and time according to your time zone?You can change the format and set it to your own timezone preference by following the...

How to Get Notified if Email Alerts Failed to Send

This is a guide that will help you setup an external notifier if your JotForm email alerts failed to send or were in the bounce list.Please note that this is for advanced users or who are familiar with programming.Here are the requirements and steps ...

How to Change the Allowed File Types in the Upload Field

Users often ask which file types are supported in the File Upload field. The default file extensions are:pdf, doc, docx, xls, xlsx, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gifHowever, you can add or remove file types to thi...

How to Change the Email Address Used for Notification Email?

If you want to change the email address where the Email Notifications go to when a submission is made to your form follow the steps below. 1. Click the Edit Form button next to the form that you want to edit. ...

How to Find Field IDs and Names

Customizing the appearance of your fields using CSS is a common task in JotForm. If you need to change the CSS properties for a specific field, knowing the ID of the field allows you to target that specific field.The Unique Name of the field on the o...

Hide or Show Multiple Fields at Once

In this guide, you will learn how to show or hide multiple form fields at once. This is a great tool if you want to show fields based on another field answer. This would tidy up your form and make fields visible only when needed. So, assuming that th...

How to Pass Field Value to Another Field?

If you're familiar withthis workaround, well here's a very simple way to achieve this without writing any single line of code.Video TutorialFrom now on, you can now populate fields likeText Box,Email,Text Areaor even anAddressfield using the newly re...

How to Set a Field as Required or Non-Required

When you add a field to your form, the fieldis not considered as required (mandatory) by default. If the field must be filled each time the form is submitted, make sure to set that field as required.To set a field as required, click on a field to sel...

How to Add a Time-Only Field

Update: Time (only) field is now released! There is no need for any other workaround if you wish to only have a Time field in the form.You can find the Time field under the Basic tab of the Form Elements in the build page of your form. Drag&d...

How to Add a Custom Sender Address to an Email Alert

You can have email notifications with a custom sender email address. This option sends the email alert on behalf of you but will still come from JotForm's mail servers. To begin, please follow the steps below:1. In the Form Builder, clickSettingsin t...

Form Calculation - Math Function Reference

The Calculation Wizard's MATH FUNCTIONS allow you to perform mathematical tasks. The following advanced mathematical functions are available on the FORM CALCULATION WIDGET and when using the UPDATE / CALCULATE FIELD condition. You can use this as you...

Calculate Values in the Input Table Through Condition

Calculation is one of the advanced features of JotForm. You can perform calculations either by using the FORM CALCULATION WIDGETor through the UPDATE / CALCULATE FIELD condition.In this guide, you'll learn how to perform calculation in the INPUT TABL...

How to configure the Dynamic Dropdown widget?

Dropdown fields are easy to use, because of the simplicity of picking an option from a list. What if you want to create a list with a nested list? What if you wanted to limit the options that can be selected from a dropdown list depending on what the...

How to Apply Custom CSS to the Product Field

UPDATE: You can easily change a particular field and create fantastic forms with Form Designer video course!Let's say you want to hide the label with the word "free" (price= 0.00) in your Payment integration form, because you are looking to...

Setting up a Custom Recurring Donation Form

Let's say you run a Charity site, and you want the donation amount to be a recurring option once your users pledged a donation. This user guide will show you how to enable a recurring custom amount donation on the form using our Payment Fields.Demo f...

How to Display a PDF Document on Your Form

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; color: #454545}span.s1 {text-decoration: underline ; color: #e4af0a}UPDATE: We are excited to announce that we have just released the new version of JotForm PDF Editor.There are tw...

Form Field Positioning

Field positioning is essential in designing your forms to match your website structure. There are times you want to keep two or more fields on the same line (side by side). Other times, fields will need their own lines. Luckily, JotForm provides diff...

How to Post Answers to Thank you Page

Update: We have a widget thatallows your users to preview their form answers before they submit the form, use the Preview Before Submit Widget. This widget requires no further configuration.There are times that we'd like the users to review their ans...

How to Move and Align Fields in a PDF Template

Our new PDF Editor now lets you move and align fields in the PDF document or the PDF copy of the form submissions. This new feature will make it easier for you to customize the PDF layouts, especially for creating columns.So, how do you move and alig...

Creating a Scrollable Terms and Conditions

UPDATE: We now have these cool widgets that achieve the same thing. Try them out as easier alternatives:1. Short Scrollable Terms Widget2. Terms & Conditions WidgetMost (if not all) web forms gather sensitive user data. As a website/business ...

Create Sub-Products Based on a Product Option

There are times when you offer a product with multiple variants and you want your customers to be able to choose many of them. Instead of creating a separate product entry for each variant, JotForm can automatically create sub-products for you by spe...

How to Create a Custom Send a Friend Form

Do you want to create personalized or automatic responses to your friend? If so, this guide will help you to do it.1. Simply create your form. Add theEmail Field(under Basic Fields).Also, add theText Area(under Wuick Elements) field and label it with...

Confirmation Page Tricks

Update:It is highly probable that this trick will not work anymore due to the security updates done on the form's custom Thank You page that prevents custom injected scripts from working. However, we have created a special widget that lets you previe...

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 builder,...

How to Remove Field Labels in a Form

Some users prefer not to display field labels to match the form styling on their site or they simply don't like to display field labels on a certain fields. This guide will help you how to remove field labels into the form.A. To Remove Entire Form La...

How to View Your Forms and Submission Data in JotForm Mobile Forms App

You've logged into your JotForm account through the app. Now what? There are quite a few features packed into JotForm Mobile Forms, so we've created this guide to help you out.If you haven'tdownloaded, installed, and synced the app, please check out...

How to Compensate for IE6's Lack of Support for Transparent PNGs

This article is being editedThankfully, the percentage of people who still use Internet Explorer 6 (IE6) isdwindling monthlybut it's still sizable enough that we need to take those users into consideration when designing websites. This article shows ...

How to Limit the Number of Selections on a Checkbox Field

On this article, we'll guide you on how to require a Minimum and Maximum number of checkboxes within a group that can be checked. For example, you may have a list of 8 checkboxes, then you require the user to select a minimum of two (2) options but w...

How to Strip Payment Labels and Separate Payment Info on Email Alerts

You can now strip the payment labels in email notification by adding payment suffix in the payment field tag. This way you can freely separate each payment info without its labels. This is useful if you're going to create a custom email message with ...

Set The Sender Email Address With Mandrill Account

NOTE- Yahoo users:In an attempt to stop fraudulent emails, Yahoo changed its DMARC authentication policy to reject emails that claim to come from yahoo.com but actually originate at non-Yahoo servers.So,if you are using Mandrill to setup JotForm emai...

How to Add Shipping Cost to Payment Forms

With our shipping feature, you may now specify a cost for shipping each item or set a weight value for each item. Assuming that you have already added the product items to your form, you can navigate to the Shipping tab in the payment wizard.1. Click...

Form View Limits: What Is It All About?

Recently, there was a new feature released - Form Views. You can read more about it on our blog here:Announcing Pricing Modification: Form View LimitsNow, there might be some questions yet unanswered and we would be happy to answer them - which is th...