Is it possible to Pre-Populate an embedded form ?

  • leubasketball
    Asked on March 6, 2018 at 2:22 PM

    Hello, I am already familiar with pre populating forms via URL. My question is about embedded forms. Is it possible to pre populate a sign up form embedded in a page the same way?  

  • Marvih
    Replied on March 6, 2018 at 3:28 PM

    Yes, you can try embedding your form via iFrame Code and add the pre-populated URL in the src field.

    Sample iFrame Embed code (I excluded the script part)would be like this.

     <iframe

          id="JotFormIFrame-80644647259971"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          src="https://form.jotform.com/80644647259971"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no"

        >

        </iframe>

    You can change the URL in the src field with pre-populated values.

    This app will help you generate the right pre-populated code. http://prepopulate.jotform.io/

  • leubasketball
    Replied on March 8, 2018 at 1:19 PM

    That makes sense.  Let's say I want to take it one step further.  On one page of our site we have 4 trainers that a client can choose and sign up for personal training with.  These 4 trainers are also options on the form.  Is it possible to pre populate an embedded form (iframe or otherwise) based on the trainer selection from the previous page?  I am currently using this method with a non-embedded form, works great.  Just wondering if I can do the same with the form embedded.

  • David JotForm Support
    Replied on March 8, 2018 at 1:24 PM

    This would be possible targeting the page URL instead of the form URL.  For example, if the page your form is embedded to is https://www.mysite.com, that is the URL to add the parameters to.  https://www.mysite.com?Name={name}