Captcha Loads After Performing Submit

Got this form: http://www.jotform.com//?formID=32336612643854 loading on many pages like this one: http://www.sharpteksupply.com/servlet/the-6928/Door-Assembly-for-Market/Detail

the issue is that when customers submit the form they are taken to a separate page that loads captcha and the form doesn't contain it. We have to use source code embedding so that the scripting code loaded into the hidden field wuill tell us what product page the form was submitted from.

It doesn't make sense.

Thanks,

Matt  - Webmaster - matt@onetakemedia.net

Please re-embed your form utilizing the iFrame Embed Method. This should allow your form to avoid any script conflicts that it may have with other elements on your webpage.

Do let us know if the issue persists after performing this step.

Thank you.

Related Article:
Getting-the-Form-iFrame-Code

The iframe method prevents the dynamic code from working, if that doesn't work then we have no idea what product the form is referring to. You think its the fact that we have two jotform scripts on the same page then?

Hello sharpteksupply,

If I understand your requirement correctly, you need to just capture the URL from where the form was submitted. Is that correct?

You can take advantage of our "Get Referrer" widget. This will exactly do the same thing and you will not have to embed your form using it's source code.

There are multiple ways to achieve your requirement:

Hidden Box widget: You can just add a "Hidden Box" widget in your from and pre-populate it with the source value. You can use the form pre-population URL in the embed code http://prepopulate.jotform.io/

Source code: If you want to use your own code which you have added you can still use it and at the same time embed it in an iFrame. In that case, here are the steps you should follow to embed your form with iFrame embed code:

1. Download your form's source code and add the custom code.

2. Upload this html file in your own server and grab the html file URL.

3. Paste the following iFrame code in your webpage where you want to display your form:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="XXXXX" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>

4. Replace the "XXXXX" in the above iFrame code with the html file URL you saved in step number 2 above.

This will ensure that there is no code conflict and at the same time you will be able to use your custom code as well.

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Thanks! i will give that a shot.