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

    Forwarding data to an embedded wordpress form

    Asked by afckredieten on January 05, 2016 at 05:22 AM

    Hello

     

    I've made a loan calculator, which i can nicely embed in my wordpress site.

    Now, once finished with the calculator, people can go ahead to a seccond form (the loan application form) where we aske personalia, adress, work, ....) now the seccond form has a summary table prefilled with the calulation of the first form. so we can use one form in the backend.

    Now, when i embed this form https://form.jotformeu.com/53152318011340 the button ath the end (in green) does link to my seccond form, but not embedded?

    How can i redirect/link to the seccond form which is embedded AND takes the values with (car cost, loan amount and so one) from the first form.

    Thanks

    thank in application form table site backend
  • Profile Image

    Answered by victor on January 05, 2016 at 08:10 AM

    If I understand you correctly, you would like to pass values from your first form (not embedded) to your second form (which is embedded). If I am wrong or mistaken, please feel free correct me.

    Depending on the way your form is embedded you require to introduce the value of the fields in the src of the embedded form.

    ex:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://form.jotformpro.com/form/xxxxxxxxx?email=mememe.com&beds=30&baths=54&freq=.35&postal=77077&sqft=3233" frameborder="0" style="width:100%; height:487px; border:none;" scrolling="no"></iframe>

    I found a similar thread that might be helpful.

    http://www.jotform.com/answers/471165-Passing-data-from-one-form-to-another-with-iFrame

    Please let us know if this helps.

  • Profile Image

    Answered by afckredieten on January 05, 2016 at 08:23 AM

    No its the other way around

    the first form is embedded like this (test site) http://108.61.164.163/auto-financiering/

    The form works correctly meaning with the help otf you're coll. the seccond form is prefilled with the values from the first form, so this works perfectly, this is the 1st form https://form.jotformeu.com/53152318011340

    but i'm woundering how i can acchieve the same in my wordpress, so when the green button of form 1 (in the wordpress site) is hit, the seccond form (embedded) is shown WITH the values from form 1

    I hope this is clear, i've got to much morphine so my head is not so clear to explain in englisch what i need. (i'm a chronic pain patient, with a morphine pump in my body to treat the pain).

    I' m looking for a repley

    Kim

  • Profile Image

    Answered by victor on January 05, 2016 at 09:48 AM

    Thank you for clarifying a bit more and very sorry you are in pain. If the second form is not embedded, all you require to do is modify the URL of the thank you page adding the values and fields properly.

    Setting Up the Thank You Page

    In the URL you may place the following link

    https://form.jotformeu.com/53152318011340?email={email}&name={name1}

    Please let us know if this helps.

  • Profile Image

    Answered by afckredieten on January 05, 2016 at 10:11 AM

    No, i will try it again.

    I want that the seccond form opens in my wordpress site, so one way or another i need to embed the seccond form, which i can do, and if i didnt need the values to go with i could make a button in wordpress at the end that opens the embedded seccond form.

    But i need the values to go with, which is already setup, this is the redirect link behind the green button in jotform https://form.jotformeu.com/53405202406341?kostprijsVan900={kostprijsVan}&betaaldVoorschot901={voorschot}&welkBedrag={teLenen}&jkp={hetJkp}&looptijd903={looptijdVeld}&maandelijkseAflossing={maandelijkseAflossing}&totaalbedragOp={opEinddatum}

    So this works, but i need this to be embedded,

    Is this possible, and if so how can i do this

  • Profile Image

    Answered by victor on January 05, 2016 at 11:26 AM

    Sorry for the misunderstanding. I think I comprehend now. You have 2 forms, both are embedded. One on your site and the other in a WordPress site. You would like to populate fields in your WordPress site with values from your first form.

    Is it possible to have your WordPress, where your form is embedded. This will help us analyze better and provide the proper code so you can populate your form.

    You may also review our users guide:

    http://www.jotform.com/help/4-Adding-Forms-to-Wordpress-org-version

    In the script you can add the proper URL with the values of the fields to be populated.

    Please let us know if this helps.

  • Profile Image

    Answered by afckredieten on January 05, 2016 at 12:00 PM

    No, besides the point. I 'll give it another go.

    1. NOW i have this form https://form.jotformeu.com/53152318011340 which uses the redirect at the end to go to the seccond form taking with the necessary values this is the link that make this possible https://form.jotformeu.com/53405202406341?kostprijsVan900=%7BkostprijsVan%7D&betaaldVoorschot901=%7Bvoorschot%7D&welkBedrag=%7BteLenen%7D&jkp=%7BhetJkp%7D&looptijd903=%7BlooptijdVeld%7D&maandelijkseAflossing=%7BmaandelijkseAflossing%7D&totaalbedragOp=%7BopEinddatum%7D

    On this i have no question.

    Now I would like This procedure of linking in my wordpress.

    So i embedded in my test wordpress the 1st form result here http://108.61.164.163/auto-financiering/

    works great.

     

    Now the problem starts when i hit the green button at the end of this form (this is yes i would like this loan, and than the seccond form is to collect all the necessary info for the loanapplication)

    The green button is the link https://form.jotformeu.com/53405202406341?kostprijsVan900=%7BkostprijsVan%7D&betaaldVoorschot901=%7Bvoorschot%7D&welkBedrag=%7BteLenen%7D&jkp=%7BhetJkp%7D&looptijd903=%7BlooptijdVeld%7D&maandelijkseAflossing=%7BmaandelijkseAflossing%7D&totaalbedragOp=%7BopEinddatum%7D

    So here the domain of my website changes to this url

    https://form.jotformeu.com/53405202406341?kostprijsVan900=&betaaldVoorschot901=&welkBedrag=&jkp=&looptijd903=&maandelijkseAflossing=0%E2%82%AC&totaalbedragOp=0%E2%82%AC

    And i get the standard jotform form that i made, NOT embedded in my wordpress site.

    So my question is not how to embedd, my question is how can i make it possible that my seccond form is or embed or shown with the same domain name in the url, so people dont see that the form is at another server. AND making sure that the values of form 1 are always taking with to the seccond form.

    So form 1 is embedded ok, but how do i make it possible that the seccond form opens in my domain/website with the values from the 1st form it doesnt need to be embedded the seccond form, but at least the form needs to be in the same domain

  • Profile Image
    JotForm Support

    Answered by david on January 05, 2016 at 01:21 PM

    Unfortunately, I do not believe it is possible to forward data to an embedded form with the normal setup.  I think you can achieve this using Post Data but that will involve a little manual coding. You have to create a PHP script that would catch the data from form 1 and have it prefilled to form 2. Here's a related guide: How to Post Submission Data to Thank You Page.