How to pass data from one form to another on embedded form?

  • INFOQUICKEU
    Asked on May 15, 2017 at 6:35 AM

    I have followed the instructions exactly and so when clicking SUBMIT on Form 1 (hosted in my webpage) it goes to Form 2 but hosted on Jotform... I understand why this happens but I'm assuming it is not going to work if that URL takes them to a webpage where Form 2 would be embedded?

    I know I'm probably answering my own question here but I assume I can add a logo and images and perhaps even the background to give Form 2 more of a feel to the user of still being on my website?

    They will only be there for a few seconds so it is not a great issue and after going to PayPal then PayPal sends them back to my site anyway.

    It is just useful to know if I'm correct in my thinking as there may be occurrences in the future where it would be more important to be able to do that.

    Cheers

    Brian

  • Rose
    Replied on May 15, 2017 at 6:54 AM

    If I understood your question correctly, you would like to show the pre-populated prise on the Form 2 while your Form 2 is embedded to your site. If this is the case, you just need to replace the URL inside Form 2 embed code with pre-populated URL of Form 2. In other words;

    1. You directs your user to the following URL when I checked your thank you page.

    How to pass data from one form to another on embedded form? Image 1 Screenshot 20

    Directed URL (Form 2) : https://form.jotform.com/63645532970360?amountTo[price]={AmountTo}

    You need to replace following highlighted URL with above pre-populated URL of Form 2 for following Iframe code belongs to Form 2.

     <iframe id="JotFormIFrame-63645532970360" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/63645532970360" frameborder="0" style="width:100%; height:4047px; border:none;" scrolling="no"> </iframe> 

    If this is complicated for you, please embed your Form 2 to your website with the following code.

     <iframe id="JotFormIFrame-63645532970360" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/63645532970360?amountTo[price]={AmountTo}" frameborder="0" style="width:100%; height:4047px; border:none;" scrolling="no"> </iframe> 

    2. After embedding Form 2 as specified here above,you just need to paste your website link to thank you page directly instead of pre-populated URL of the Form 2. 

    If you have more questions, please feel free to contact us. 

  • INFOQUICKEU
    Replied on May 17, 2017 at 2:04 PM

    Hi Rose

    I've followed your instructions but it didn't work.

    I've managed to embed the form in the webpage which was important but when you click SUBMIT on Form 1 it goes to the correct URL where Form 2 is embedded but the amount that was on Form 1 is not being processed into the "Amount to pay" field.

    It worked before obviously as it was just going to the Form URL on your hosting.

    Have I not followed the instructions correctly?

    Cheers

    Brian

  • Kiran Support Team Lead
    Replied on May 17, 2017 at 3:07 PM

    Please try embedding the second form using default javascript code on the web page.

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

    It is not required to add any parameters to the embed code. We can send the parameter value to the form directly to the web page which will be set in the Thank you page URL as mentioned below:

    https://www.infoquick.co.uk/buy_paygo.html?amountTo[price]={AmountTo}

    Please give it a try and let us know if you need any further assistance. We will be happy to help. 

  • INFOQUICKEU
    Replied on May 17, 2017 at 6:09 PM

    Hi Kiran

    Thank you very much for your help it now works perfectly.

    Cheers

    Brian

  • Kiran Support Team Lead
    Replied on May 17, 2017 at 6:34 PM

    Great! Glad to see that the form is working now as expected by you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!