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

    Having trouble adding JotForm to ProSite

    Asked by nokcturna on September 26, 2014 at 11:38 AM

    Hello!

     

    I'm having problems when I add the iFrame code to my ProSite... :/

    I read some other questions here and I saw that people took the <script> code off and worked fine, but for me it is appearing that the "iframe is not from an allowed website", something like that.

    Anyone knows how to fix this? ):

    JotForm iframe code hello and
  • Profile Image
    JotForm Support

    Answered by david on September 26, 2014 at 01:00 PM

    Hi,

    You are correct, the Prosite embed will not allow the Javascript portion of the embed code.  If you could please share the embed code you are using, or a link to your site with the code embedded, we can have a look to see why your form may not be showing up.   From my experience though, remove the code from script tag to script tag and only using the code between the iFrame tags, is the proper way to embed the form to a Prosite site.

    For example:

     

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//yang.jotform.com/form/xxxxxxxxxx" frameborder="0" style="width:100%; height:1119px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    You would use the code in yellow and remove the code in orange.

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 01:15 PM

    Yeah, but that is already what I'm doing... still getting the error ):

     

    The code:

     

    I already tried to add only the iFrame:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformz.com/form/42684084691665" frameborder="0" style="width:100%; height:487px; border:none;" scrolling="no"></iframe>

     

    Without this:

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

     

    But I still get the error.

     

    ):

  • Profile Image
    JotForm Support

    Answered by david on September 26, 2014 at 02:18 PM

    Could you please let us know when and where the error is occurring?  Also if possible include a screenshot of the error.  If your site is live with the form embedded but the error is appearing in the live site, please provide us with a link to your webpage as well.  Let us know and we will be happy to see what else we  can do.

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 03:02 PM

    Sure!

    The form is not embedded in the website because of the error... this is what shows up when I try to add it (I had to upload the image to my dropbox because for some reason I'm having a problem to add it here as well - it's too slow): https://dl.dropboxusercontent.com/u/11407372/screenshot.png

    So, what the error says cuts off in the website (ProSite is kinda buggy sometimes, lol), but I tried it on my Behance page as well and an error also shows up: https://dl.dropboxusercontent.com/u/11407372/screenshot2.png

     

     

    As you can see, it appears to be the same one: "iframe not from an allowed website."

    Help me, please.. lol ):

  • Profile Image
    JotForm Support

    Answered by david on September 26, 2014 at 04:24 PM

    Hi,

    So I setup a Prosite account and did some testing and here was the process that worked for me for embedding my form.

    Get your form jotforms iFrame embed code.  I had to use the secure embed in order for it to work.  This will use SSL based submissions, which our free accounts only get 10 of per month:

    http://www.jotform.com/help/63-How-can-I-receive-SSL-Submissions

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    In the Prosite builder, Click on the "Embed Media" button and embed the partial iFrame embed code without the script tags.  The code I used was:

    Notice the https://secure in the form link portion.  I was unable to get the form to show without it.

    After clicking on embed Content, the form did indeed show up:

    If you still are unable to embed your form following this process, please let us know and we will be happy to see what we can do.

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 04:38 PM

    Hello!

    I did exactly as you said, but I still had the problem...

    The code I embedded:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformz.com/form/42684084691665" frameborder="0" style="width:100%; height:487px; border:none;" scrolling="no"></iframe>

    Then I changed it to https://secure.jotformpro.com/form/42684084691665 and it actually worked, but of course, I couldn't send emails when I tried it. So the problem here I believe is that I need a pro account, lol XD

  • Profile Image
    JotForm Support

    Answered by david on September 26, 2014 at 04:46 PM

    Just a quick follow up, try the link without the pro. 

    https://secure.jotform.com/form/42684084691665

    That may work.

     Also keep in mind, these submissions will count towards your monthly SSL submissions.  Of which Free accounts only get 10 per month.  If you do some testing and would like for us to reset your limits afterwards, let us know and we will be happy to do so.

     

     

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 04:49 PM

    Yay, it worked! Thank you soooo much, haha :)

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 05:04 PM

    Oh, that's right... it's only 10 per month, right? ):

    Yeah, I believe I should get a pro account then, hehe.

     

    Thank you!

  • Profile Image

    Answered by Carina on September 26, 2014 at 06:23 PM

    I'm glad to hear that everything is working fine now. Thank you for updating us. 

    Yes the free plan has only 10 SSL (secure) submissions per month. If you need more per month, then it is advisable to upgrade. You can consult here the monthly limits associated with each plan.

    Let us know if we can assist you further.

  • Profile Image

    Answered by nokcturna on September 26, 2014 at 06:46 PM

    Thanks! :)

  • Profile Image

    Answered by davisvarghese on July 21, 2015 at 12:39 PM

    I am having the same problem. I have tried everything mentioned above but am stiill not having any luck. When i tried the last mentioned option (that worked for the other user) nothing happens when i click on "embed". is there an other way. 

     

  • Profile Image
    JotForm Support

    Answered by david on July 21, 2015 at 01:44 PM

    @davisvarghese Since this thread is quite old and yours is a new request, if you wouldn't mind creating a new thread with a bit more detail, we will be happy to help.

    Let us know the form you are working with, the embed code you have tried and the URL of your page and we will take a look to see what the issue may be.