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

    Save and Continue Later on Embedded Forms.

    Asked by afckredieten on December 16, 2016 at 02:57 PM

    Hello,

     

    I want to use the save and continue later, session method.

    So made my first form, which is a car loan simulator, when hitting go futhter people come on form 2

    With a couple of fields who are populated from form 1

    So form 1. the sim is https://form.jotformeu.com/63502170698357

    you'll see that it works, you will get the mail, and continue to form 2 (this is the original form 2 link https://form.jotformeu.com/63502082205343, whidh i set on save and continue)

    the link i'm using in the thank you and mail off form 1 is https://form.jotformeu.com/63502082205343/?session={email}kostprijsVan900={kostprijsVan}&betaaldVoorschot901={voorschot}&welkBedrag={teLenen}&jkp={hetJkp}&looptijd903={looptijdVeld}&maandelijkseAflossing={maandelijkseAflossing}&totaalbedragOp={opEinddatum}

    and this works.

    Now when i test this, and for instance i fill out the first page off form 2, when i hit below the page "ga verder" (go ahead) then it wont go forward to page 2. After hitting a seccond time the form continous to page 2

     

    But the main issue is when i try to embed this in my wordpress.

    The car loan form (the links above are clones of the forms used in my wordpress)

    I made the two in test on my site

    The one is without save and continue, where form 2 is embeded with iframe or with source code

    none of them work

    SO HELP please

    the links are

    Form 1 is https://www.dyniakredieten.be/car-1-without-saving/ which points to

    Form 2 is https://www.dyniakredieten.be/aanvraagform-auto/?kostprijsVan900=256000&betaaldVoorschot901=0&welkBedrag=256000&jkp=10&looptijd903=198&maandelijkseAflossing=2644.74€&totaalbedragOp=523658.52€

    but save and prepopulation doenst work

    form 1 with save https://www.dyniakredieten.be/uw-wagen/

    Form 2 is embeded with the source code

    but nothing seems to work, the prepopulation doesnt work. In the mail i see that the link (at the bottom) is correct, and i see the values/data in the link.

    But once open in a browser the fields that need to be filled with it, are empty

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 16, 2016 at 03:51 PM

    The save and continue later feature is meant to work with form direct links, not with embedded forms. 

    It would be possible to use that method on an embedded form, but you will need to have a landing page where you will need to write PHP function to call it. Basically, the post data will be sent to your PHP script to identify if it's a session or not.

    This might required you hiring a front-end developer to help you accomplish it: https://www.jotform.com/help/213-Send-Submission-Data-via-POST-Method-Using-PHP-and-the-Thank-You-Settings 

    Open a new thread if you have more questions, we will be glad to assist you.

  • Profile Image
    JotForm Support

    Answered by Charlie on December 17, 2016 at 11:26 AM

    I'm sorry, I'm quite confused with the original issue that you are having. But based from your most recent reply, you want the session URL to somehow worked on embedded forms, is that correct?

    As mentioned by my colleague, the session URL was mainly used using the direct session URL.

    If you wish to apply it on an embedded website, that is possible, but you'll need to create a script that will prepopulate the embedded form on your website.

    Here's an example:

    1. You get your form's iFrame embed code OR your form's full source code. The main reason for this is you can inject scripts on those. 

    2. Embed the form on your website BUT that website should be able to accept scripts like PHP.

    3. You can create a script that will fetch the POST data from Form 1 and directly assign it on your form's embed code source URL.

    4. Example:

     <iframe id="JotFormIFrame-63501346555959" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/63501346555959?session=<?php echo $_POST['email']; ?>" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> window.handleIFrameMessage = function(e) { var args = e.data.split(":"); var iframe = false; if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = false; if (args.length > 2) { ifr = document.getElementById("JotFormIFrame-" + args[2]); } else { ifr = document.getElementById("JotFormIFrame"); } var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } </script>

    5. You can see on my iFrame embed code that I appended the ?session in the source URL in the iFrame embed code and used a PHP script to echo an email that I got from a POST event. 

    6. Yes, this is possible by using a WebHook, but your target script should be able to directly using the POST data and append it on the embed code that you have. Here's a guide about Webhook: https://www.jotform.com/help/245-How-to-Setup-a-Webhook-with-JotForm 

     

    If you are not familiar with programming and this kind of setup, you might need to hire a developer for this. 

    I hope that helps.

  • Profile Image

    Answered by afckredieten on December 18, 2016 at 12:36 PM

    Thanks guys,

    Sorry if it was confusing. I thought i made it clear that it was my goal to use the save and continue later option on my jotform embeded in wordpress.

    The problem is that even the poplation of fields in form 2 in the embeded forms (so wirhout submission id) didnt work.

    But ok i will restart from scratsch before i make a remark

  • Profile Image
    JotForm Support

    Answered by jonathan on December 18, 2016 at 04:44 PM

    Please do let us know how we can be of further assistance.

    We look forward to your update on this.

    Regrads