- sharpteksupplyAsked on April 14, 2014 at 09:32 PM
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.
Matt - Webmaster - email@example.com
- CesarAnswered on April 14, 2014 at 11:54 PM
- sharpteksupplyAnswered on April 21, 2014 at 08:16 PM
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?
- JotForm Supportashwin_dAnswered on April 22, 2014 at 12:02 AM
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" onload="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.
- zegronAnswered on April 30, 2014 at 08:15 PM
Thanks! i will give that a shot.