JotForm User Guide / Advanced Features /

Prepopulating Fields to Your JotForm via URL Parameters

Prepopulating Fields to Your JotForm via URL Parameters

Instead of following this guide, you can also use the Field Prepopulator app to generate a prepopulated form URL.


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 when clicked. Here's an example...

Form URL without prepopulated fields:

https://www.jotform.com/53533976064967

Form URL with prepopulated fields:

https://www.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

To do so, you need to identify the Unique Name of the field you wish to be prepopulated. Here are the steps:

  1. Go to the Publish tab and open your form in a new tab.
    Form Builder - Publish
    Form Builder - Publish
  2. On the new tab, right-click the page and click View Page Source.
    View Page Source
    View Page Source

    Or, you can use the browser's Inspect Element feature so you can easily identify field names. Right-click on the field's input box/selector, click Inspect.

    Inspect Element
    Inspect Element

Extracting the Unique Name

Here are examples of how you should get the name selector.

For the Full Name fields:

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

Name Attribute

Name Attribute

Now, we're able to get the names of each field, so it is time to include them in the URL. Please remember to put a question mark ( ? ) after the form URL to declare that we are submitting parameters, then comes the name followed by an equal sign ( = ), then the value.

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

If you wish to add more parameters, these are to be separated by an ampersand ( & ) sign.

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 checkboxes. All of these checkboxes have the same name, pleasechoose[].

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

Checkbox Name Attribute

Checkbox Name Attribute

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 brackets ( [ ] ) 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.

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

That's it! If you have questions about this guide, feel free to leave your comments below or reach us through our support system.

Contact Support:
Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:
Contact JotForm Support: https://www.jotform.com/contact/

Send Comment

142 Comments...

See all comments
  • selectability

    Hi,

    I'm trying to get the form to autofill the last name of employees once the first name is filled in.

    Does prepopulating allow this once the form is filled in repeatedly?

    As far I can understand the prepopulating fields in this case would mean I'd have to manually fill the name and last name for each form and send them out.

    Could you please help me find a solution?

  • Anonomous

    Hi,

    If I embed the form into a webpage, can we create custom links to pre-populated forms within the website?

  • MXNS

    Can the Submission Date, what ends up in the Table in Jotform or Google Sheets, be added as a parameter? So I can populate one form with the submission date of another form. {SubmissionDate} or {SubDate} or something?

  • Leonel Benavides Salinas

    Quiero saber como capturar y validar una entrada desde una tabla. Lo explico
    Tengo un formulario y tabla llamada Afiliados con campos como nombre, teléfono, correo y un campo de selección múltiple de Oficio que quiero que se capture con los valores de la tabla Oficios que tiene 2 campos Oficio Id y Oficio.
    Se puede hacer esto?
    Como se hace?

    Gracias LBS

  • Ahmed

    Hi,
    Can we store some data whatever how (Excel, Access, MySql...etc) and call it from any filed ?

  • acallewaert

    I want person that submits the form to be able to use the update link to notify be of the shipping details is this possible!

  • circusartsinstitute

    This is all nice and such but does not really answer my specific question.
    After a user submits form A, I want the email address they entered from form A to be provided to form B's Recurring Email list of email recipients. But it would need to append to this list, not replace it. Can that be done? If so, how do I get around the email address limit per Recurring Email?

  • AlkiCourt21

    Luau form does not direct the purchaser to PayPal Heeeelp

  • tara_connolly

    Hi
    Can we schedule a call for someone to help me do this?
    Would tomorrow Sunday @1pm ok Irish time ?
    My number is 0830284362
    Thankyou

  • lrosenberg

    I cannot believe how many people need/want this function: to be able to import data from one field into another. Why isn't JF making this happen??

  • elza

    my pre-populated tab keeps on asking me to sign in

  • Blair

    What about selecting an item from a dropdown field via URL parameter? It isn't working where the item in the dropdown list has a space, e.g. Fried Rice. fried%20rice in the URL = page not found error.

  • DigitalSignIn

    Hello, Im read the pre-populating fields and had a question- Is it possible to take information from 3 different form to one at different times not at the same time?

    The reason why - I would like people to fill out the 3 different forms but all 3 forms can lead back book to my appointment form but on the appointment form I need to know which of the 3 forms they filled out when they book their appointment.

    Is this possible?

  • gsebok

    Thank you. I've never used the codes. I'll give it my best shot.

  • nct.abra05

    is prepopulating a certain field in mobile jotform app possible?

  • VilliPoniFarm

    Hello, I am having difficulty using the appointment calendar. Where do I put a link on the Submit button? Also, it isn't letting me test select different days of availability.

  • madzoon.shant

    What about my products section.. quantities...

  • ssimos2020

    This is a terrible explanation! and does not help to guide at all. Also https://prepopulate.jotform.io/ does not work.

  • jimhanely

    how do we add link to a website on our form?

  • WSIguy

    This is a great tutorial, but wouldn't, like, 99.9% of all forms be embedded on a website?
    Could you please provide instructions on what to append to the actual webs page URL in order to get a drop-down selection to be pre-selected?

    My unique name is ServTerm
    and one example of a selection I want to pre-populate is "1 week"

    I appended to the URL:
    ?ServTerm=1%20week

    But that does NOT work.
    It does work with the raw JotForm URL, but NOT on the embedded page.

    Kindly help, please.

    Bruce

  • gjillians2

    Is it possible to pre-populate a Text only (information) element, the non question element that can be added to a form. When I check it's properties on the form it does not have a name like the Short Text Entry element so I cannot reference it in the URL.

  • HuttonSafetyGroup

    Hey there - now that the mobile forms app is in play, how can we prepopulate an address field in a form? We can't use the URL route as these forms are assigned individually to users through their app so they aren't accessing it via a URL anymore. I know with some fields you can set default values, etc. But for addresses you cannot. Can you guys make this possible?

  • willitennis

    How can we change the name of a label option

  • greezball1116

    Works OK but I'd like my form, (parking reservation), once filled out by a customer, to generate two populated forms; one sent to the customer as an electronic reserved parking pass with a QR code containing their information and another sent to me as an electronic populated form. Upon entering my parking lot, the customer presents his electronic pass from his device for me to scan. The encrypted QR code information is cross referenced with the populated form I have on file to validate their parking reservation and confirm their attendance.

  • aclctutoring

    Hey

    First Time when I used with parameters it's working fine but when I re-try with different parameters it's showing old parameter selected, present data is not be select. I think based on cookies it is auto filled past values.

    How can I send new values and showing to me sending values selected.

  • judgemd

    Can I make the pre-populated fields non-editable by the recipient who is going to fill out the form?

  • freelancenexus

    is this same for an i frame embed

  • bpugh22

    I think I understand except for an important thing.

    I have a spreadsheet with all the date I will use to prepopulate the form. I have the URL with the prepopulated name fields.

    Now I want to be able to send an email to each person listed in the spreadsheet that will have the link to the form prepopulated with their data from the spreadsheet.

    How do I this next step? Here is the link to the sheet: https://docs.google.com/spreadsheets/d/1EM2flGVALcNUcSoOlniMbSLhBaodMHNJj8Bl3VOw8rA/edit#gid=0

    Thank you very much!

  • Juan Carlos Zegarra Ayllon

    Amazing article! Is there a way to add a parameter in the URL so it also executes the submit or send button function?

  • popoz28

    how can i add my own domaine name

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

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