Prepopulating Fields to Your JotForm via URL Parameters

Last Update: May 8, 2016

Update:

Instead of following this guide you can also use this app to generate a prepopulated form URL http://prepopulate.jotform.io/.

------------------------------------------------------------------------------------------------------

Let's say you have a link or a page that should automatically fill in values to your JotForm and you want your form to be prepopulated after being clicked via URL:
 
Example:
 
Form without prepopulated fields:
https://form.jotform.com/53533976064967?
 
Form with prepopulated name fields:
 
https://form.jotform.com/53533976064967??fullName[prefix]=Dr.&fullName[first]=John&fullName[middle]=Doe&fullName[last]=Smith&fullName[suffix]=M.D.&selections30=Pillow&media=Internet&address=Katipunan,ZN%207109,%20Philippines&pleaseChoose=Metal,Gold,Wood 

View your form's source to identify each form field name you wish to be prepopulated.  

1. Click the "Preview" button.

2. Click the "OPEN IN NEW TAB" button.

 

3. Right click on the live form then click "View Page Source" or "Inspect"


Or you can use Browser Inspect Element feature so you can easily identify field names. Check this screenshot.


For text boxes, text area, radio buttons and drop down menus:

Assuming we are viewing the page source of the form above, let's identify the name of the text boxes first. Field names can be found under the name attribute, e.g. name="q5_fullName[first]"In order to use it on the URL parameter, you only have to copy the name after the underscore symbol "_". (see highlighted code below) 
 
Example:
 
<input class="form-textbox" type="text" size="10" name="q5_fullName[first]" id="first_5">

<input class="form-textbox" type="text" size="15" name="q5_fullName[last]" id="last_5">
 

Now we're able to get the names of each field, include them in the URL, remember to put question mark "?" after the URL to declare that we are submitting parameters, then comes the name followed by equal sign "=", then the value.

Example:
https://form.jotform.com/53533976064967??fullName[first]=John

If you wish to add more parameters, these are to be separated by "&" sign. 

Example:
https://form.jotform.com/53533976064967??fullName[first]=John&fullName[last]=Doe

For Check boxes:

Identify each check box value first.  On our sample form, we have 5 check boxes.  All of these check boxes has the same name, pleasechoose[]

Here's an example check box field for the option "Wood", noticed the name attribute:

<input type="checkbox" class="form-checkbox" id="input_13_1" name="q13_pleaseChoose[]>" value="Wood">

To prepopulate that check box via URL parameter:

1. First, find the value of its name attribute in the HTML source code.

2. Copy the name after the underscore symbol "_" e.g  pleaseChoose[] but remove the "[]" on it.

3. Copy the value e.g. Wood

To be able to select more than one, you need to separate each value with a comma.  

Example:

https://form.jotform.com/53533976064967??pleaseChoose=Wood,Gold,Metal,Soft drinks,Cheese cake

 

If you have questions about this guide, feel free to leave your comments below.


53 Comments...


   
parawing742 (April 17, 2011 at 05:50 PM)

Will this work with form embedded using javascript or does there have to be a link to the form?

View Answer


   
liyam (April 19, 2011 at 08:26 AM)

Hello parawing742, This will work even as an embedded form using javascript as well.


   
Torm (April 23, 2011 at 06:56 PM)

Hello, saw the "Dolzy" related prepopulation post, as well.
New Question:
Can you suggest the best way I might utilize prepopulation, for taking a registration form submission, comparing the residential part of that information to a database of 450 locations around the USA, and ending up with 3 newly-created PDF pages/files, that each have their own standard layout/formatting, and combine in the form submission info, with the matched database info, so as to display it inside each of the three PDF formatted result pages/files? Clear as mud?

View Answer


   
JotFormSupport (April 25, 2011 at 03:57 AM)

Ask your questions to the forum please.


   
jacopogalli (May 09, 2011 at 09:51 AM)

What about prepopulating the fields of the form that opens inside a lightbox as a Feedback?
There is an option to set in the javascript:

new JotformFeedback({
formId:'xxxxxxx',
base:'http://www.jotform.com/',
windowTitle:'Test Form with upload',
background:'#FFA500',
fontColor:'#FFFFFF',
type:false,
height:500,
width:700
});


   
liyam (May 10, 2011 at 03:10 AM)

Hello jacopogalli, I have answered your question concerning to lightbox on this link: http://www.jotform.com/answers/24851-How-can-I-customize-an-input-value-when-the-form-is-in-lightbox


   
erussell (June 08, 2011 at 09:29 AM)

ok when i copy and paste the link to the website the form will not come up. what am I doing wrong?

View Answer


   
wingsisd (October 11, 2011 at 06:27 AM)

Can setup a veritable file to read the access file content by url link? Thanks.

View Answer


   
patriccia (January 13, 2012 at 02:56 PM)

I have a database with all information that my jotform will be asking the user to fill out in the form. How do I get jotform to access that database when the user type in registration number, so that jotbase will automatically prepopulate the rest of the information.

View Answer


   
beachy (January 30, 2012 at 01:02 PM)

Any issues reported with FireFox? Not working for me.

View Answer


   
FrankA (February 07, 2012 at 10:31 AM)

Hi,

is there already a solution for the feedback-widget to get the URL?

We need to have exact URL from where the feedback was sent. And this URL should be available in the e-mail generated from the submitted form as a value (like field of dropdown, name etc. ...)

Answers would be appreciated :-D

View Answer


   
ntnambi (April 17, 2012 at 03:24 AM)

Hi I have 2 jotforms.
form 1: user enters their data
I re-direct to Form 2 and want the First name and Second name from Form 1 to get populated.

I saw the URL example but is there a way to specify variable name instead of exact value ?

instead of Dr in the URL below can i substitue a form variable?
http://www.jotform.com/form/10565343954?fullName[prefix]=Dr.

View Answer


   
ntnambi (April 18, 2012 at 01:12 AM)

Thanks . I followed it and used it in 2 places
1. in Autoresponder and the URL comes up with values
http://form.jotform.co/form/99999999999999?member_id=sg-13&firstName=daniel

But when I click the above link the new form is not getting populated :(

2. I gave the same URL in
http://form.jotform.co/form/99999999999999?firstName={fullName3:first}&lastName50={fullName3:last}

This time the form is populated but with variable names {fullName3:first}
instead of the values

Pls advice . pls note I have masked the form id by 9999..

View Answer


   
pepperglobal (April 20, 2012 at 12:12 PM)

How do I prepopulate based on data that the user submitted from another form? I want to be able to have fields auto-filled from data already entered. Therefore, I thought breaking it into two forms and using the second form in place of a thank you page would be a good approach. I'd like to make the URL of the thank you page (second form) autopopulate based on what the user submitted in the previous form. How do I create a URL for that? Or is there an easier way?

View Answer


   
scoon (June 27, 2012 at 03:07 PM)

Hi, I have a form which I have set up sessions with so we can save and come back to later and continue filling in.

Can I also populate fields from the session url that's provided to the user?

E.g. user fills in their name on first form and email, autoresponder then sends them an email with the url for second form plus the =session bit, I also then want to prepopulate the user's name from that first form into the second form. Is this possible?

View Answer


   
kimonoboy (July 10, 2012 at 04:09 AM)

Hello,

How can I pre-populate the form with a non-editable field as in this form where my "name" field is fixed?

View Answer


   
nationwidedm (July 11, 2012 at 02:42 AM)

How about passing data to a textarea field that needs new line characters?

View Answer


   
foodzooka (August 12, 2012 at 08:09 PM)

How can you dynamically prepopulate a URL with responses to checkboxes and dropdowns?

View Answer


   
barq (September 13, 2012 at 10:50 AM)

How does can I make this work with filled that include a slash:

This doesn't work for instance
www.jotformeu.com/form/22554204210337?whatAre64=Freelancer/Independent Contractor Position&country26=Denmark&

This doesn't work either:
www.jotformeu.com/form/22554204210337?whatAre64=Freelancer/Independent Contractor Position&country26=Denmark&

View Answer


   
barq (September 13, 2012 at 10:50 AM)

I excuse for the extremely sloppy grammar/sentence above, but I can't edit it.


   
Wtfuck (October 25, 2012 at 03:54 PM)

Hi
What about the Date field
How can i prepopulation the field
Because isn't in the user guide
Thx
-Wtf

View Answer


   
homelink (February 19, 2013 at 10:23 AM)

Using PayPay Pro with the embedded Javascript script, is it possible to pre-select a radio button?

View Answer


   
LeoC2 (March 27, 2013 at 01:57 PM)

I can get this to work fine when diretly accessing the jotform but not when the form is in an iFrame on my site. What am I doing wrong?

View Answer


   
billylevine2003gmailcom (June 26, 2013 at 12:47 PM)

In the above example how do I pass it the value of the field instead of hard coded value.

In my application I am feeding a second jot form from a parent jotform and I want to pass values from one the other

View Answer


   
oseo5511 (July 08, 2013 at 02:09 AM)

is this possible using the iframe for forms embedded on CMS like wix?

View Answer


   
prolutive (December 18, 2013 at 10:35 AM)

How to submit session and field parameters in the same URL?
?yourChoix=23 OK
?session=myname OK
BUT:
?yourChoix=23?session=myname Doesn't work
Thanks

View Answer


   
dpmurphy (December 20, 2013 at 09:29 PM)

I have setup 3 URL parameters to prepopulate my form. The page hosting page is ASP, so the parameters are inserted at runtime using session variables.

This is the querystring I'm using with my javascript embedded form:
?yourName7[first]=&yourName7[last]=&email8=

View Answer


   
dpmurphy (December 20, 2013 at 09:34 PM)

Looks like my previous question got truncated. My problem is that the prepopulated email only shows up as gray sample text, and does not pass through the form submission.


   
abcmanagement (May 18, 2014 at 10:53 AM)

Sorry, I still did not get it.
First I do not know what values to copy, second, I am going to have many rows and that will be many values and make that line extremely long.

View Answer


   
ajvdhek (May 20, 2014 at 05:04 AM)

Brilliant. Is there any way to set the language?

View Answer


   
ugurarcan (June 10, 2014 at 01:01 PM)

What I need seems bit different. I want the page title that my form is embedded on to populate as one of the field inputs. Any idea how I can do that? Thanks.

View Answer


   
lbtallman (June 28, 2014 at 02:26 PM)

All I'm trying to do is prepopulate one field with a number and that is the only field that does not get populated. What am I doing wrong?

This is the url I'm using.

https://secure.jotformpro.com/form/41784003524954?numberOf50=2

View Answer


   
James (August 29, 2014 at 02:31 AM)

Will this work on multi page forms?

View Answer


   
suzanabueno (September 11, 2014 at 01:00 PM)

How can I use this to select a form language?

View Answer


   
bowmandc1 (September 12, 2014 at 04:12 PM)

I tried this and it is not working. Here are the links to form 1: http://form.jotform.us/form/42504745405148 and form 2: http://form.jotform.us/form/42528084672156.. here's the URL I placed in the Thank You Custom URL field: http://form.jotform.us/form/42528084672156?currentName={currentName}&membershipNumber={membershipNumber}. Receiving a 405 Not Allowed error

View Answer


   
bartprescott (September 16, 2014 at 02:49 PM)

This works really well and I'm using it on my site, BUT!...
If you enable the "Continue Form Later" feature and set the "Autofill" to enabled, then the fields set via the URL are ignored!
I'd really like to use both URL populating and autofill enabled. Is there a fix for this?
Thanks
Bart

View Answer


   
jonathan doughrety (September 30, 2014 at 06:33 PM)

For the most part the prefill works, but for certain checkmark/bullet points it does not. For example, the following link does not work:

http://form.jotform.us/form/42727008555153?=cfnOr[]=CFN

What is the problem?

Jonathan

View Answer


   
dorsetholidaylets (November 10, 2014 at 09:32 AM)

Does this only work with the Jotform Thank you Page or can you create forms which populate another and use IFrame to add both forms to my web site.
I rather not use the Jotform Thank You page but use a Customized page on my web site.

View Answer


   
tim (December 10, 2014 at 06:07 PM)

I keep getting old prepopulated fields appear not the ones in the new URL. Whats happening here?

View Answer


   
ekinaus (February 09, 2015 at 11:14 PM)

Hi, I'm trying to get the previous page product title or url automatically prepopulated into the form (dragged from the page it was on), is this possible?

If so, how?

View Answer


   
cleanarc (June 14, 2015 at 08:32 AM)

is there anyway to pass a unique image from my website into the jot form? The use would click on an "order print" link which I can use to prepopulate the product name, but I need to pass along an associated image to give the form user a comfort level that what they are buying is the same as what they clicked on in my website

View Answer


   
docvadi (August 14, 2015 at 02:27 AM)

Apparently the method doesn't work for checkboxes? I tried the link you generated above in the checkbox section but the form showed up blank.

View Answer


   
misyte (September 12, 2015 at 02:10 PM)

Has anyone been able to solve this pulling pre-populated fields from infusionsoft?

View Answer


   
sbufsaweb (September 15, 2015 at 02:35 PM)

I haven't been able to get this to work for an iFrame. I have two forms and am trying to grab the submission id of one form and display it on another.

I added sid={id} to the url of the form and that works, however, it displays as "{id}" in the field.

Is there a work around that doesn't involve php?

View Answer


   
jumpfox-invites (February 01, 2016 at 09:51 AM)

Is it possible to prepoulate an field with a '?' in it?

For example.

www.jotform.com/formid0001000000/?Examplefield=How%20do%20I%20insert%20a%20question%20mark%20?

View Answer


   
SRWproducts (February 25, 2016 at 05:58 PM)

Can we have the person filling out the form select info from Salesforce with a dropdown or something? We have a Company Name field that we want them to pull in the Account Name from Salesforce.

View Answer


   
Foltved (March 11, 2016 at 11:46 AM)

Hi Jotform

Trying to prepopulate a field with a value that consists of a whole number and some decimals eg. 7,97 - but how do I get the comma inserted via the URL parameter?


View Answer


   
robinconn (April 02, 2016 at 11:07 PM)

I am trying to prepopulate a price in a Stripe field. The price I have stored in the form is $90.00. Here is the form.

http://form.jotform.us/form/60906513799163?

When I look at the HTML with the price selected, the line of code for the price I want to change is:

90.00

I want to use a value I have stored in a database to fill the "Price" on the form via a Querystring URL. I can't figure out the correct format.


View Answer


   
antonvalle (April 12, 2016 at 01:08 PM)

Hmm, I can't seem to get this to work when I'm embedding the form. This works: https://form.jotformeu.com/60525206402342??kurssinNimi=Haloo%20media!%20Tehoa%20mediasuhteisiin%2012.4.2016%20klo%209-16

But embedding this gives me an empty form: https://form.jotformeu.com/jsform/60525206402342??kurssinNimi=Haloo%20media!%20Tehoa%20mediasuhteisiin%2012.4.2016%20klo%209-16

View Answer


   
mijot (May 26, 2016 at 05:32 PM)

I have this test form I'm playing with: http://form.jotform.ca/form/60885639075266.
I need the form to "remember" the selection for the subsequent submissions.
I'm trying to pre-populate the form from the thank you page using the field variables like this:












It's not working and I'm not sure how to pass the value to the form on next load.
Is this possible?

btw, the form is embedded.

View Answer


   
ilgideon (July 15, 2016 at 02:00 PM)

How do you fill the address fields ?

Thanks,
Mike

View Answer


   
Norton coupon codes (August 27, 2016 at 01:01 AM)

awesome post.


Send Comment