Prepopulating Fields to Your JotForm via URL Parameters

  • omaruko
    Asked on January 12, 2018 at 8:05 AM

    Hi there

    I refer to the following URL.

    https://www.jotform.com/help/71-Prepopulating-Fields-to-Your-JotForm-via-URL-Parameters

    Based on your navigation, 

    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"

    I have been trying to use, though, I have the following question.

    Let me assume that any form is applied as far as the example of the above 1-3.are concerned.

    Compared your explanation with my trial form, Competition Entry Form

    https://www.jotform.com/build/80020254502439

    1.Confirmed

    2.How can I reach to "OPEN IN NEW TAB" button in my trial form?

    3.How can I reach to  "View Page Source" or "Inspect" in my trial form?

    I will wait for your clarification.


  • David JotForm Support Manager
    Replied on January 12, 2018 at 11:16 AM

    You need to go into the edit mode of your form:

    1515772997editform 001 Screenshot 10

    Then follow the steps as explained on the guide.

    On regards of inspecting your form, open it in Chrome browser, do inspect as shown on this guide: https://developer.chrome.com/devtools 

    Here is an example of how to prepopulate your form:

    https://form.jotform.me/80020254502439?fullName45[first]=David&fullName45[last]=Bonilla&organization=JotForm&title=Support&email=support@jotform.com&phone=00000&address44[addr_line1]=Test&address44[addr_line2]=test&address44[city]=test&address44[state]=test&address44[postal]=111&address44[country]=United%20States&countryif=United%20States 

  • omaruko
    Replied on January 12, 2018 at 9:50 PM

    @BDAVID

    Thank you for your reply, though, yours seems to be off the point.

    What I am asking you are as follows.

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

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

    How I can display like 2 and 3 in my Competition Entry Form?

    https://gyazo.com/a04299972d74bf141076088db669a76a

    I will wait for your answer,


  • Ardian_L
    Replied on January 13, 2018 at 5:54 AM

    You need to click on the Preview Form on the top right side. Please check the video below. If you want to open the inspect element. You need to press F12, or right mouse click and then inspect element.

    1515840652CompetitiveForm Screenshot 10

    Please let us know if you have any other question.

  • omaruko
    Replied on January 14, 2018 at 3:13 AM

    @Ardian_L

    Thank you for your reply.

    That is it what I have been wanted to.

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

    Confirmed.

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

    Please compare with two images.

    From your image

    https://gyazo.com/659290eba31ecdcca9aca3f7370247ff

    From my image

    https://gyazo.com/a1e05f0a625a2e66d95ed22f3dbd89e7

    As I described in my image, where is 4 applied if I follow your image.

    I will wait for your answer.

  • Ardian_L
    Replied on January 14, 2018 at 4:22 AM

    You need to check for name attribute. Please follow the video below, also the image that shows the correct attribute from your form.

    1515921596InspectElement Screenshot 10

    1515921728EntryFormCompet Screenshot 21

    Let us know if you have any other question.

  • omaruko
    Replied on January 15, 2018 at 5:05 AM

    @Ardian_L

    3.confirmard

    It is OK I shall understand the outline at this stage.

    Shall we close this thread?

  • Ardian_L
    Replied on January 15, 2018 at 6:09 AM

    The thread is marked as public as this is a public forum. If you want, we can mark this thread as private, it's up to you. 

    Lets us know if you have any other question.