Mobile pages (on wix) crash with Jotform iFrame

Below are my wix 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

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.

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. 

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.

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

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" onDISABLEDload="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.

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

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.

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.