pass data to an embedded form

  • priovolosilias
    Asked on January 20, 2019 at 7:12 AM

    I want to make my site faster in response and i need to pass data from an embedded form , to another embedded form. I know how to pass data from a form to another, but the problem is that the redirection gets the visitor outside my website.

    For example it redirects to the form  https://form.jotformeu.com/priovolosilias/123456789 , while i need to redirect to the address in my website that the form https://form.jotformeu.com/priovolosilias/123456789 is embedded. (the url of my website that the form is emedded in this case, is: http://www.asfalyseis.gr/asfaleia-aytokinhtoy-online )

    I found a question from another user here: https://www.jotform.com/answers/1698963-How-to-pass-data-from-one-form-to-another-embedded-form  , but the answer is not clear to me.

    To prevent you from not understanding, I know how to change the redirection after submission, and i know how to pass data from a form to another.

    What i don't know is how to pass the data to an embedded form.

    Thank you

  • Richie JotForm Support
    Replied on January 20, 2019 at 7:36 AM

    Embed the second form using its iframe embed code into your page. Then use the page URL as the base URL then append the URL parameters.

    You can use the thank you page to pass the data to an embedded form. OR use the URL Parameters directly on the embedded Form URL.

    Example:

    http://www.asfalyseis.gr/asfaleia-aytokinhtoy-online?name={name}&email={email}

    Guide:https://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page

    Please give it a try and let us know how it goes.

  • priovolosilias
    Replied on January 20, 2019 at 8:11 AM

    Thank you for the fast response.

    I tried but does not work.

    You can check it your self.

    The form that i use as test to pass a value is: https://form.jotformeu.com/72491661784365

    The form has only one field that i try to pass to the form: https://form.jotformeu.com/priovolosilias/123456789 ( I try to pass it at it's first field )

    When i pass it directly to the form, it works fine.

    When i try to pass it to the url that has the embedded form, it does not work.

    (the url where the embedded form is: http://www.asfalyseis.gr/asfaleia-aytokinhtou-online-times)


    Please feel free the get inside the form https://form.jotformeu.com/72491661784365 an make any changes if you want to test it yourself. (the name of both fields are the same: "per")

    The redirect i used is: http://www.asfalyseis.gr/asfaleia-aytokinhtou-online-times?per={per}


    I am not sure what is wrong and does not work.

    Thank you

  • Donald_H
    Replied on January 20, 2019 at 8:46 AM

    I have run some tests on your form and can confirm that the value is passed on from the direct Jotform URLs and not on the embedded form on the website.

    This could be because you have a pre-loader on your website that loads before the actual form loads. If you look at the URL, you will see that the value is indeed passed on to the website and is available as a parameter.

    I recommend removing the pre-loader and loading the form directly embedded in the Iframe, this will ensure the value gets passed on directly to the form.

    - Preloader is displayed below:

    1547991766Selection 208 Screenshot 10

    - Form Showing the URL parameter has been passed on to the website:

    1547991842Selection 207 Screenshot 21

  • priovolosilias
    Replied on January 20, 2019 at 9:17 AM

    Nope.. not working.

    I removed the pre-loader... and all the other applications that were running in code (e.g. visitors counter)... still not fixed.

    I can see that the value passes to the url. but does not get in the form.

    1547993838jotform2 Screenshot 10

  • Donald_H
    Replied on January 20, 2019 at 10:15 AM

    I am looking into it further and running some tests. I will get back to you once there is a response available.

  • priovolosilias
    Replied on January 21, 2019 at 5:42 AM

    I have consider the solution of redirecting direct to the form, but I will need a pre-loader when the form opens. Is that possible to get a pre-loader within the form, when it's not embedded?

  • Donald_H
    Replied on January 21, 2019 at 6:59 AM

    Unfortunately, Jotform does not provide a pre-loader Widget or Field within the form. Depending on what you want to be achieved within the pre-loader, you can add a gif image of a pre-loader and let the user know that on clicking it, the other forms on the site will work.

    Make use of one of the Photo Widgets available here: https://widgets.jotform.com/category/photo



  • priovolosilias
    Replied on January 21, 2019 at 7:22 AM

    Thank you for your answer, but I have already tried that and the result is not the same.

    I need a pre-loader to be shown while the form is loading.

    The way you told me, the pre-loader will be shown after the form is loaded. So there is no point in having it in my form this way.

  • Donald_H
    Replied on January 21, 2019 at 9:57 AM

    This is a different query and I have moved it to be answered here: https://www.jotform.com/answers/1707212