JotForm User Guide / Advanced Features /

Prepopulating Fields to Your JotForm via URL Parameters

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 URL https://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)

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

Send Comment

114 Comments...

See all comments
  • HSEGlobal

    Hi there,

    I am using the voice recorder widget and on my iPhone it is saying that the browser does not support webRTC? Any advice?

    Cheers

  • adewaleahmed2012

    Hello, Please how can i loop on jotform?

  • sweetamin.th

    I try to use the new link of my form "https://form.jotform.co/sweetamin.th/uploader" to create but it is not working, https://form.jotform.co/sweetamin.th/uploader??orderNumber=test
    It only works if I use the original link https://form.jotform.co/91690256572867"
    https://form.jotform.co/91690256572867?orderNumber=test

    Is that normal?

  • Susan1

    This does not solve a huge issue that many, many people write about. How can you create a url to prefill email (and name perhaps, etc.) as is discussed, for instance, here - https://www.jotform.com/answers/1048384-How-can-I-prefill-email-address-from-an-Infusionsoft-Email - it seems you should be able to do so and yet no one knows nor understands this issue at JF. Why would you set this up so one can manually fill the fields to send individuals a link but wouldn't create what tons of your customers need - to be able to put a link in an email sent whenever anyone opts in for the sequence in Infusionsoft so that the fields prepopulate in the JF? We don't want out customers to have to fill in their info again and again... THis is how one click reg works for Webinarjam, how wistia/plusthis integration works, etc. etc. It is basic and should be a priority - the obv next step- needed in this article...

  • Susan1

    It is bizarre that you have this set up to manually send someone a link that prepopulates their name but you can't use fields to prepopulate so that you can put a link in an email in say Infusionsoft that sends them to a form where it either prepops their name and email or they don't have to put it in again because the integration works such that jot knows what record the form is connected to...

  • Iti Shrunkhla

    Hi, Can i get any testcase related to the same?

  • franceguide

    Hello,
    I'm trying to create the prepopulated link for this form: https://form.jotform.com/91193701842153
    Is this the correct way to write the link: form.jotform.com/91193701842153?name[first]&name[last]&email[email]
    Thank you!

  • melxwteh

    hi,

    is it possible to prepopulate fields to your jotform from a base in airtable? If so, how?

    would prefer not to use your spreadsheet to form widget as have to manually upload the spreadsheet with info on it each time its updated, so was wondering if there is a way could use URL parameters from airtable?

    cheers!
    Mel

  • mmartinexpd8

    Just testing this feature but having some issues.
    Tried this
    https://eu.jotform.com/build/91043877086363?name[first]=John
    AND This
    https://eu.jotform.com/build/91043877086363??name[first]=John

    But nothing happens - In edge is removes the parameters from the URL altogether.
    What am I missing?
    I actually want to populate this one https://eu.jotform.com/build/91043877086363?ticketNo=123456
    Also can we make that field read only so only the parameter can populate it?
    I also want to prevent submitting the form unless that field has a value so we don't get random rubbish.

    Michael


  • SDKHUNTER

    This information is very close to a feature that we have been seeking. We need to be able to create the url and assign unique values for just one field like ID. And then be able to provide unique urls to different subscribers who will use their assigned url to share the form with others. In such cases, the data as it is collected must contain the unique ID that refers to which of our members produced the results of the form. Does your example accomplish this? Thanks.

  • evan.lodge

    will this work if the form is embedded on another site?

  • mohammednadeem

    HI
    can i use this prepopulate feature for appointment slot widget, want to get a link with already selected to a slot.?

  • PSPfinance

    This is great for how to display the desired data. Please direct me to help on how to locate the desired data.

    For example Manager 1 has Person A, Person B, and Person C sending data:
    **How can the form look for Person A fields (project name, time for project, cost of project) by looking up Person A on the report from another form?

    Thank you

  • Olutech808

    Hi, I am trying to pre-populate a name field between two forms, but I have an issue where the First Name, Initial, and Last Name from the first form are being pre-populated altogether into the First Name field of the second form.

    Example of what I input into the "Full Name" field in the first form:
    First Name: John
    Middle Initial: E
    Last Name: Appleseed

    The pre-populated result I get in the second form:
    First Name: John E Appleseed
    Middle Initial:
    Last Name:


    At the end of my link I appended:
    ?name={name}

    How should I write the link to get it to pre-populate the name field correctly?

    I also tried:
    ?name[first]={name[first]}&name[middle]={name[middle]}&name[last]={name[last]}

    ...but it resulted in a duplication of the name in all the fields:
    First Name: John E Appleseed
    Middle Initial: John E Appleseed
    Last Name: John E Appleseed


    Any help is appreciated. Thanks.

  • chad001

    Hello, how do I add facebook messenger link from the word Messenger? If someone had clicked the link will automatically directing to messenger.

  • YUDIACHMADNURFIANTO

    Besar harapan kami pengajuan ini bisa diterima

  • shaolee

    Hi could you take a look to see if I am doing this correctly. I got it working a while ago, but for some reason, its not working anymore.

    https://form.jotform.com/81723789094166??communities=Avalon Square - Waukesha, WI

    Thank You

  • rushhourlocal

    Hi, I am trying to connect two forms. Form 1 is for my CLIENT, Form 2 is for my client's CUSTOMERS.
    Basically my client fills out Form 1... and then the autoresponder email would send to the CUSTOMER, with a custom link to FORM 2 -> and pass the data from Form 1.
    I have a very simple setup, yet the data is not passing, so I am definitely doing something wrong.

    Here are example fields from Form 1 (CLIENT fills them out, so they are PREFILLED for Customer):
    https://cl.ly/0c81d317b5c5

    I am trying to prepopulate a text box with that information in Form 2:
    https://cl.ly/744f7e76e884

    My pre-populated link looks like this: https://form.jotform.com/########### (form URL) then:
    ??customerName={customerName}&customerEmail={customerEmail}&customerAddress={customerAddress}¬esToCustomer={notesToCustomer}&customersNumberTreatments={customersNumberTreatments}&typeTotalPrice={typeTotalPrice}&customerPaymentOption1={customerPaymentOption1}&customerPaymentOption2={customerPaymentOption2}&customerPaymentOption3={customerPaymentOption3}

    Is the issue that I have I am submitting to a text box? there is not actually an "input" on the text box for these fields...

    Thank you!!

  • uniqueaid

    All examples for multiple choice (checkbox) and dropdown work with predefined values. If control does not have values defined, I was not able to set them with my values via URL.
    For checkbox or dropdown controls is it possible to define values via URL?

  • AZDBAdesze

    Can I embed an HTML report from jotform and pull the data from one specific column into a dropbox field that is on my new form which the user is able to choose from that particulater list?

  • infomhyh

    Hi. How does this method sit with GDPR? It looks like we would be sending a clear string of data to URL? What if those strings were - name, phone and email?

  • msaforms2

    Would this work with pre populating fields from Volusion? It would be really awesome of some information was able to pull from my store.

  • MOCconsultancy

    hi when an applicant applies on the application provided by me and uploads his resume and click submit, an error occurs, below is what he gets:

    Upload Error
    File could not be uploaded for some reason.

    Please go back and fix the problem(s)

    can someone help plz


    khayseah September 05, 2018 at 01:54 AM
    How to connect jotform with active directory

  • MOCconsultancy

    hi when an applicant applies on the application provided by me and uploads his resume and click submit, an error occurs, below is what he gets:

    Upload Error
    File could not be uploaded for some reason.

    Please go back and fix the problem(s)

    can someone help plz

  • Jacob

    Can forms embedded thru JS or iFrame also be prepopulated? if so, how can I do that?

  • calvaryftl

    Need help with a similar issue. Here is the form link:
    https://form.jotform.com/80816484247968

    The first time I set the parameters as follow:
    https://form.jotform.com/80816484247968?nameOf4=Mickey%20Mouse&positionDesired5=Disney%20Specialist

    It works fine.

    The second time
    https://form.jotform.com/80816484247968?nameOf4=John%20Doe&positionDesired5=Data%20Scientist

    This time it does not work (i.e. the form comes up with pre-populated fields, but not with the desired content). In fact, the form comes up with Mickey Mouse, Disney Specialist (how it was set the first time).

  • Dynamics

    https://prepopulate.jotform.io/ seems to not work ...
    Thanks.

  • cryptoautobots

    So how do you do this with a jotform embedded on your own website?

  • lewm

    I have a form for workers to report certain information for a given shift,the shift is selected via a drop-down menu containing elements like:

    3:00 pm - 4:00 pm
    4:00 pm - 5:00 pm
    ect

    when a worker submits an hourly shift report, I have them re-directed back to the form with some areas that would probably remain unchanged being pre-filled from the previous form like:

    ?name={name}&productionLine={productionLine}&...

    this is all working fine but I was curious if I could pre-populate the shift (hour) field by incrementing the previously filled value.
    for example, when they submit the form with "5:00 pm - 6:00 pm" selected from the drop-down, I would like for the hours section on the next form to be filled with the next item in the drop-down menu ie "6:00 pm - 7:00 pm"

  • Alannah Halingten

    Hi,
    I went into the source code as per your example. However, those codes did not come up on my form.
    I've located the field for prepopulating the email address as the linking field between the first form and the second form. However, the question remains as to how to use it. I'm guessing that it would be a hidden and prepopulated field on the second form.
    TESTING MY FORM: I'm trying to test my form. I'm at a point of verifying my email address. I've been sent the verification code. I enter it. And then it doesn't move forward. I've gone back in to turn off the only 1 submission and set it to NO CHECK.
    It's still not advancing.
    I just went in to clear my cache. I'll close JotForm and try again.
    I'm going to turn off the Use Verification Code and that will probably make a difference. However, ideally, I would like to have the email verified.
    Okay, it worked beautifully.
    But again, optimally, I would really like to be able to send them a verification code. It's so easy to do that, but naturally, the feature needs to work properly.
    Thanks for your help on this matter. It is definitely helping me to make a lot of progress quickly.
    While I'm at it, do you have tutorials on using your widgets?
    Thank you tons, tons, TONS !!!
    Alannah

  • pjerezcec

    Hi.
    I have a problem prepoluting a form.

    This is my form.
    https://form.jotform.com/81622832961358

    and this is the html code
    ""

    When I tried to prepoluting following the instruction, i compose this URL

    https://form.jotformeu.com/81622832961358??q4_introduceEl=ADEFFR32

    But the URLD doesn't work well.

    Thank you in advance !!

  • nickbeau

    I want to send an email from MailChimp and prepopulate the jotform fields. However, I want them to go to an embedded version of the form (on my website) rather than the jotform site. Is this possible?

  • DuraiPrabakaran

    Can we create query string for the widget field(US states or country)?

  • jvrphoto

    Would be good if you could "get a pre-filled link" in the same way that google forms does, This way I could fill out certain information needed for each of my clients in the form but save them the trouble of doing so themselves. Or to fill in information already given to me in previous contact via e-mail etc.

  • siod

    I'm trying to prepopulate a radiobutton with a German formatted number (with a comma instead of a dot):
    https://form.jotformeu.com/81112702701340?typeA=0,2
    Unfortunately the form prepopulates the radiobutton with value "2" instead of the radiobutton with value "0,2".
    Using a masked comma is also no solution: https://form.jotformeu.com/81112702701340?typeA=0%2C2
    Using a dot in the number is also no solution because this form should be used in an area where commas are used to separate numbers.

  • mecwacare

    is there a way to have the prepopulated data encrypted so that people filling in the forms cannot spoof data?

  • margarette13

    how will i put "+", tried %2B but not working.

  • Andrew Long

    This is great, can I generate QR codes from jotform with these parameters refilled out, or do i need to do that outside of jotform?

  • casaplexllc

    I noticed that the recurring payments name is defined differently than the other elements within an Authorize.net widget.

    For example if the unique name of my authorize.net widget is "p" then I can successfully pass url parameter which radio button subscription to select (if multiple subscriptions are set up). i.e. p[][id]=1000
    However, when I try to pass the parameter for number of recurring payments with the name of the dropdown defined as "custom_recurringtimes[1000]" I would need to drop the custom_ and only use "recurringtimes[1000]" and set the value some number. That does not work. I believe that the script that interprets the url parameters does not currently handle "custom_" prefixes. Can you please help? Also if it's possible can you let me know if there is a workaround. I want to specify number of payments via url parameter so that the user cannot change.

  • leubasketball

    Forget my previous comment. I am not sure what I did different, probably a spelling error. But it's working now!

  • leubasketball

    I am trying to run 2 pre-fill selections at the same time. One selection is to select the name of a person. The second is to select the price (paypal plugin). I can get them to run separately, but not together.

    Here is the code for the button that opens the form
    **Does not work...
    Purchase Now

    This is will select the name Tanner Lind

    Purchase Now

    This will select the PayPal option

    Purchase Now


    they just won't run together. I have also tried separating them with the "&" sign and still the same result. I will go over the documentation again. What do you think is the problem.


    Thanks


  • khaled abdi

    صنع رابط

  • TBSE

    Can a ticket location field from Ticketmaster or StubHub, with one click from those websites, pre-populate into a JotForm?
    Thanks

  • hartdoors

    Please can you help, I have one field "Type of hood Cover" which no matter what I try will not prepopulate my "Duplicate Form". No matter what I try this will not work.

    Am I right to assume that if a field box changes at all, then the code for preopulating will not work unless completely re=written?
    This is driving me insane.

    https://form.jotformeu.com/72992737030359

    It should transfer to this, when "Duplicate Quote" is selected prior to submit.

    https://form.jotformeu.com/72993387630367

  • tcornack

    I would like to repopulate a drop down field from a google spreadsheet. The form would need to get 20 or so single names into a single name Drop Down field, our therapist then would chose the client from the drop down for billing. The google sheet is filtered and sorted.

  • taxi88test

    Hi guys, you should really add the correct syntax for single sperarted fields like Full Name to the tutorial
    "name[first]={name:first}&name[last]={name:last}"
    There's really no point in anybody ele wasting their time trying to find that out...

  • 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?

  • Neciamarie

    Can you also pass an image to the form?

  • chatbotmaker

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

  • 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