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

    Mobile pages (on wix) crash with Jotform iFrame

    Asked by freshroutes on February 25, 2015 at 05:18 PM

    Below are my forms with the relevant wix pages where I've embedded the iframes. I can open the forms fine on mobile when I use the jotform link directly. But when I try to open then through my wix website, they open partially and then the browser crashes after about 5 seconds. This happens on both chrome and safari. Thanks for your help!

     

    https://secure.jotform.us/form/50555094637157

    http://www.freshroutes.com/#!health-express/c1qq5

     

    https://secure.jotform.us/form/50536533440146 

    http://www.freshroutes.com/#!health-express-signup/cjf0

     

    Page URL:
    http://www.freshroutes.com/#!health-express/c1qq5

  • Profile Image
    JotForm Support

    Answered by jonathan on February 25, 2015 at 07:01 PM

    Please try re-embedding the form on your website using only its regular http URL.

    When I checked the form in your website, I can already see the inconsistent secure content issue on the browser console.

     

    try embedding the form again without the secure URL to be consistent with your website contents.

    Please let u sknow if issue persist even after doing the suggestion already.

    Thanks.

     

  • Profile Image

    Answered by freshroutes on February 25, 2015 at 07:12 PM

    Thanks for catching that! I made the updates so it should be consistent now with the non-secure version. I tried accessing the sites again with mobile and found the same issue as before. 

  • Profile Image
    JotForm Support

    Answered by jonathan on February 25, 2015 at 08:46 PM

    I still see error messages on the browser console pertaining to unsecure/secure content on the website page.

    can you try correcting this on your form CSS code. Replace the https with http only.

     

    so it become like this

     

    then check again.

    I have been checking the stand alone form, but I could not reproduced the same issue so far.

    I did noticed the form taking time to load, but I think it just have to do with some of the widgets like the Photo widget that is processing access to the device camera.

    Do let us know how it goes with the latest changes I suggested.

    Thanks.

     

  • Profile Image

    Answered by freshroutes on February 25, 2015 at 09:39 PM

    Thanks, I made the changes, but it's still crashing the site on mobile. 

  • Profile Image
    JotForm Support

    Answered by Charlie on February 25, 2015 at 11:07 PM

    Hi,

    I noticed that you are in Free account, if you will use the secure or SSL enabled form, you are limited to receiving 10 SSL submissions, see our pricing page

    Could you try re-embedding it again but using the non-SSL enabled form. You can follow the screenshot below to get the non-SSL forms.

     

    After that, when you are embedding using iFrame, try to remove the <script> tag that was included with the iFrame code. 

    Here's an example, the code below is the iFrame code in my end, what I will be adding to my Wix website would be the one highlighted in green <iframe>, no need to use the code in pink <script>.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/50324083606953" frameborder="0" style="width:100%; height:1072px; 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;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    Also, if you are using a special widget or page in your Wix, I would advise you try the default embed code to see if that one works. It seems that you have another layer of iFrame inside your page.

    Do let us know if this improves the loading of your form.

    Thank you.

  • Profile Image

    Answered by freshroutes on February 26, 2015 at 10:07 AM

    Hi Charlie, 

    Thanks for your suggestions. I made the changes so that I embedded the non-SSL versions, I also deleted the "script" segment from the iframe code, and lastly I embedded it with the default embed code without the iframe. However, for each of these the mobile page is still crashing as soon I as open it. 

    Are you also experiencing the same issue on your end if you open the freshroutes.com pages on mobile?

    Thanks

  • Profile Image
    JotForm Support

    Answered by Charlie on February 26, 2015 at 11:45 AM

    Hi,

    I've opened your website link to Google Chrome, Firefox and Internet Explorer and there are problems loading it, like the conditions are not working and all the fields are already displayed. Although, I have not yet experienced the page to crash.

    I've opened a Wix account, cloned your form and added it to my test Wix site. Here's what I did.

    1. In the Wix site I click the "Add" button, chose the default "HTML" option.

     

    2. I then choose from the dropdown mode "HTML Code" and added my iFrame code.

     

    3. It works in my end together with the conditions that you setup, you can check it here

    May I know if you are using a different Widget or App to embed the codes aside from the default HTML? Also, please do update us if the test site that I setup doesn't work in your end.

    Thank you.

  • Profile Image

    Answered by freshroutes on February 26, 2015 at 01:50 PM

    Hi Charlie,

    Thanks again. Yep, I had used the same default HTML widget to add the form. I tested your wix test page on my mobile devices--while I was unable to load it by iphone, I was able to load it with a tablet. That said, I am able to load the original forms perfectly fine from my phone when I go directly to the jotform url, but not through any of the wix pages.