What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to pre-populate an embedded form?

    Asked by doron200 on April 11, 2017 at 11:29 AM
    With regard to the previous code to retain the inputted drop downs, then redirect, i have changed it to point to a page on my website then added the placeholder code as follows: 

     

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/70962731177360?iNeed={iNeed}&isIt={isIt}"></script>

     

    the form appears but doesnt contact any retention previously inputted. Any ideas? 

     

    https://goo.gl/95R4GY 

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 11, 2017 at 02:42 PM

    I was inspecting your form and I could see what you're currently referring to, I noticed there's an error in the pre-population method you used, for example, passing the variables as you're currently doing will not work: 

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/70962731177360?iNeed={iNeed}&isIt={isIt}"></script>

    You will need to pass the variables through the link to the webpage the form is embedded on, example: 

    https://www.skytekit.com/n/post-your-job.htm?iNeed=Business&isIt=Office

    Could you please try doing this change on your webpage? 

    Here're the steps: 

    1. Edit your first form (http://www.jotformeu.com/form/70992569034364) and change the custom thank you page, pass the variables from this form as shown on my example: 

    https://www.skytekit.com/n/post-your-job.htm?iNeed={iNeed}&isIt={isIt}

    2. Go to your webpage and edit the current embedded code, it should be like this: 

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/70962731177360"></script>

    Note that the variables in the link of the embedded code have been removed. 

    3. Please, test your first form and it should redirect to the second webpage with the fields pre-populated. 

    Please, do let us know how it goes. 

     

  • Profile Image

    Answered by doron200 on April 12, 2017 at 07:44 AM
    Thanks that is excellent! You guys deserve a lot of credit.
    ________________________________
    ...
  • Profile Image

    Answered by doron200 on April 12, 2017 at 11:45 AM
    Just one last thing regarding this case. The tab that is highlighted appears to be incorrect when pressing 'Next' - although this works fine in jotform when previewing, it fails when on my site. You can test this from here: https://www.skytekit.com/n/ - Also the submit button isnt aligned even though i added the CSS.
    Thanks

    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by AIDAN on April 12, 2017 at 02:06 PM

    As this is a different request from the one your initially sent in this thread, I'm creating a new one here: https://www.jotform.com/answers/1117777

    Please consider creating new threads for different questions and requests that you may have in the future. Thank you in advance.