Getting the Form iFrame Code

That took care of it, thanks!

I tried this and the Submit button just sticks on please wait after I hit it. Tried going through the WIX app site and loading a new embed app and used the suggestions on your page for WIX and got the same result. I used this form before on another website I built last year and it worked fine. This was cloned from it.

I'm at a loss...
I really appreciate your help! You guys have the best customer service!

thanks

THIS IS AWESOME and it was so easy to do to help parents register children for camp from their smartphones (the straight "embed" code we were using only allowed the form to work on computers most of the time).

thank you so much for your help!!!

Hello,
I have done the above and copied the Iframe. here below the result.
=======================================================================================



var ifr = document.getElementById("JotFormIFrame-80502426013341");
if(window.location.href && window.location.href.indexOf("?") > -1) {
var get = window.location.href.substr(window.location.href.indexOf("?") + 1);
if(ifr && get.length > 0) {
var src = ifr.src;
src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get;
ifr.src = src;
}
}
window.handleIFrameMessage = function(e) {
var args = e.data.split(":");
if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { 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;
case "loadScript":
var src = args[1];
if (args.length > 3) {
src = args[1] + ':' + args[2];
}
var script = document.createElement('script');
script.src = src;
script.type = 'text/javascript';
document.body.appendChild(script);
break;
case "exitFullscreen":
if (window.document.exitFullscreen) window.document.exitFullscreen();
else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();
else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();
else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();
else if (window.document.msExitFullscreen) window.document.msExitFullscreen();
break;
}
var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
}
};
if (window.addEventListener) {
window.addEventListener("message", handleIFrameMessage, false);
} else if (window.attachEvent) {
window.attachEvent("onmessage", handleIFrameMessage);
}

=======================================================================================

Preview current internet page the form is visible.
Preview of the entire website is the form not showing up!!!?
I have tried this with 3 internet explorer, (internet explorer 11-Firefox-Opera). Results are the same.
My website is in own environment in development and not yet visible on the internet.
I hope someone can help me as soon as possible with a working solution.
Best regards,
Hans

This puts up a midget sized contact form. Not adjustable either. I used the actual code for Wordpress because I have a wordpress website and when i tested the form it is just not sending to my email to alert me that someone filled out the form.

This is especially useful when integrating a Square payment option. The iFrame allows Square to work without the whole website having to be SSL certified (with HttpS pages)!

I followed al instruction but it did not work, reflect the same problem. Please send to me the all process

did not work

I need to know the width and how tall this form is suppose to be so it will work... I was told in a tutorial you guys sent me that it needs to be changed in order to view it properly

What is this iframe code you sent me? should I be using this code with my own iframe code?

AWESOME!...Yep your iFrame advice worked like a charm...Thank you very much :)

Thank you unfortunately it will not let me delete the current code or insert the new code: How do I do that.

My problem is solved
Thank you

I tried to use IFRAME but it doesn't work. You can see on the site http://www.mspevents.nl/#xl_xr_page_boekingsformulier
what I mean. The forms are on the site but are not steady!

I always copy the iframe code. I had made no changes. The forms stopped loading, then they loaded slow, then they seem to be working atleast for now. I have made no changes.

Once I have done all of these steps, do I need to do anything else? or is it automatic?

I did this and my form doesn't work. It shows up fine and lets me enter details, but when i hit the submit button, it stays on the Please Wait loading button and does nothing

I used the iFrame code and tested the form from a friend's computer. The form went through (I received the "thank you for your submission" message), but I didn't received an email with the form. What now?!

it worked flawlessly, very clear instructions. Thank you!

not open on mobile

I Dont Like No Form Code Error Problem Answers

Hi
This message is to Welden.
What is wrong with my page embed code ???
When I use the code off my webpage, the page loads no problem ?
Also, until recently...this page worked just fine ! So, I dont understand how the code has suddenly become "Wrong" ???
The exact code works on another page on my website ! The only difference between the 2 is that the other page is in Chinese !

Also, the above "Embed Code" button on this page is absolutely useless !

Steven

I've solved this by embedding the source code, seems to work OK.
Anybody know any reasons not to do it this way?

Is there a way to post the iframe code in an html email but not have it actually be an iframe. Basically I want to send the code so someone can copy it and put it on their website

Same here not responsive nor optimized on mobile i am using samsung galaxy s6

doesn't work and been waiting now over 24 hours for support to get back. What a waste of time :(

I found out that if you have Adblock Plus or any adblocker enabled, none of the iframe or embedded methods will work.

I hope this helps anyone experiencing blank page issues.

iFrame works great in Safari & Chrome but it comes up blank in Firefox. Using Concrete 5 for website building.

Simple question I hope! Once form is embedded (that bit worked, thank you!), if you make changes to the form within Jotform does the embedded form update?

Thanks for the suggestion but still no language flag option visible on iPhone. What's interesting is now it works on iPad. Must be the form width difference?

These instructions do not work for my Google site, which I used a contact form from one of your templates. Any suggestions? www.fresnowingchun.com/contact

Good afternoon , I have a problem in my form when I will include the iframe it works normally , but once in the Thank you screen it cuts half of the screen thus obscuring some items. I need help....

I found the location to add the iframe code, but enter the source code of the capitura page in html and it worked. Thank you!

Thanks , iframe works

iweb has a widget for html. One is supposed to drag that widget to a blank or contact page and then copy and paste in the long code. When I do that - nothing happens.

I am able to copy the iFrame code. However the directions state to click on ADD BLOCK and past in there but I do not see an ADD BLOCK link. Please help. Thank you.

How do you get the iframe code to work in your iframe, I am experiencing a similar problem on my page at www.facebook.com/SLYGNSW Any help?

Worked great for me, thanks!

I have a problem with my form not showing up on some Macs / OS X / ipads. After I have used the embed-method for my joomla site until now, I read about the iframe-workaround for my problem.
So I updated Joomla (3.4.3), installed Sourcerer (5.0.2) and updated my Module with the iframe-Code (replaced the embed-code). After this unfortunately the form only shows half.
After checking CSS I can see height of my form is set to 180px. But in the code I pasted into Sourcerer it states this:

style="width:100%; height:2064px;

What I am missing?

Thanks a lot!

when i paste the below code on my web page and save.


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);}


after i save, the below appear on my web page instead of the form, what im i doing wrong, pls help.


// 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);} // ]]>

Why did you just send me a rehashed solution which obviously doesn't work.

Reading through the comments regarding this solution they all say that it doesn't work and not surprisingly when I tried the iframe code again (I had already tried this before I posted my question) it doesn't work either.

So can you please give me a solution that works? That would be greatly appreciated.

Thank you!

iFrame code did not enable the form on a mobile device for me. iFrame form displays just fine on Chrome and Explorer. Mobile device shows blank area, and the device tries to load the page constantly.

I tried iframe and it didn't work. I'm using adobe muse. The transparent back ground also didn't work. I had cloned a form that your tech support had changed the background color in the css script. I double checked the clone in a text editor and the background color shows .supernova body {
background-color: transparent;
}
Then I saved the form and went into iframe. It wasn't transparent and the form itself could not be edited in height on the html

Iframe didnt work for me either. I'm using godaddy website builder 7. Jotform pls help if you're reading this

do I have to copy both codes
where does each code go ...

IFRAME doesnt work for me.
I am using website builder 7 from Godaddy.

Please help!!

Hi-as per gpeppy (just above), I just get a blank area when I use iFrame. I've tried viewing the answer that gpeppy got bu the webpage doesn't open.

Hi, I just get a blank area when I use iFrame

I want to change the height and width of form along with textbox height and width..i m able to change form width but unable to change textbox width..could u help me?