User Guide

Prepopulating Fields to Your JotForm via URL Parameters

Last Update: May 26, 2017

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:
 
Form with prepopulated name fields:
 

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 a 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 Checkboxes:

Identify each checkbox 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 checkbox 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.

69 Comments...

  • parawing742

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

  • liyam

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

  • Torm

    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?

  • JotFormSupport

    Ask your questions to the forum please.

  • jacopogalli

    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

    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

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

  • wingsisd

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

  • patriccia

    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.

  • beachy

    Any issues reported with FireFox? Not working for me.

  • FrankA

    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

  • ntnambi

    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.

  • ntnambi

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

  • pepperglobal

    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?

  • scoon

    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?

  • kimonoboy

    Hello,

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

  • nationwidedm

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

  • foodzooka

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

  • barq

    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&

  • barq

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

  • Wtfuck

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

  • homelink

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

  • LeoC2

    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?

  • billylevine2003gmailcom

    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

  • oseo5511

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

  • prolutive

    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

  • dpmurphy

    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=

  • dpmurphy

    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

    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.

  • ajvdhek

    Brilliant. Is there any way to set the language?

  • ugurarcan

    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.

  • lbtallman

    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

  • James

    Will this work on multi page forms?

  • suzanabueno

    How can I use this to select a form language?

  • bowmandc1

    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

  • bartprescott

    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

  • jonathan doughrety

    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

  • dorsetholidaylets

    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.

  • tim

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

  • ekinaus

    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?

  • cleanarc

    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

  • docvadi

    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.

  • misyte

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

  • sbufsaweb

    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?

  • jumpfox-invites

    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?

  • SRWproducts

    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.

  • Foltved

    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?


  • robinconn

    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.


  • antonvalle

    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

  • mijot

    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.

  • ilgideon

    How do you fill the address fields ?

    Thanks,
    Mike

  • Norton coupon codes

    awesome post.

  • jdt3901

    1. How do you prefill hidden fields? 2. Google Analytics has a cool URL builder, and I'm trying to fill some hidden fields on my form with the tags. Is that possible?

  • okholistics

    I am setting up a payment form and trying to populate the price field with an amount ( $xx)

    However, it doesn't seem to be working. Is this not possible?

  • novohouston

    Prepop is not working. When I choose the form it takes me right back to choose form.

  • GCACjournalist

    The app doesn't appear to be working. I clicked the "Choose Form" button, selected my form, and clicked "Continue." The app did not proceed to the next step. Please advise.

  • dave

    I am having the same issue

  • jae

    how can i populate a product model number and product name of which the page they are on? There will be a form link in which once they click it will take them to the form page

  • cara membersihkan jerawat

    thank you,,

  • EnhanceHomes

    Hi,

    Is it possible to revisit a previous prepopulated form and change the values?

    If so will these change for everyone with the current link or would a new link need to be generated?

  • Eric

    I'm trying to prepopulate the distributors ID fileld of a website but not having any luck...

    Here is the website:https://www.senegence.com/senegenceweb/CustomerDirectOrdering/Login.aspx?firsttimecustomers:[mydistributor'sid]=231621

    Can someone assist? The ID should be 231621

  • adam16ster

    How do I prepopulate an email input if it doesn't contain a name attribute? All I see available are id, placeholder, size and type. Please help.

  • sandboxlogistics

    One thing I've noticed is if for example I have a full name (i.e.. bla_name[first] and bla_name[last]) that I cannot pull the field values separately when generating the form url on a save submission because the variable name is actually {name} and it has the full name .. therefore a link like ?name[first]={name}&name[last]={name} would pre-populate both fields with the full name... You would think this would work but it doesn't:
    ?name[first]={name[first]}&name[last]={name[last]}

  • EnhanceHomes

    Every time I use this now, the form hangs at point of submission. My link is: https://goo.gl/rPPl86

    Aury has been looking at this also.

  • XLAutomation

    I have a PayPal form that I want to set to a particular payment plan option when the user arrives. I have tried to use the steps above but can't seem to get it working....can you help please.

    Here is the Jotform
    https://form.jotformpro.com/71556656032962

    I want to set each of the options for Share Trade Tracker Options

  • chatbotmaker

    How to use in editing the form?
    In editing the information is always replaced by the value of the database

  • Neciamarie

    Can you also pass an image to the form?

  • jrittenhouse

    I am attempting to pre-populate fields on this form: https://form.jotformpro.com/72183998729981.

    I need to pre-populate the radio buttons for different courses. Is it the collapse function that I'm using that's breaking the pre-populate links, or the long field values with spaces and other punctuation?

Send Comment