The iframe embed method is designed to work on any web page. Since your form is called inside an iframe, the chances of script conflicts occurring on your page are kept to a minimum. Most things online like social sharing buttons and various widgets are displayed using iframes
To get your form’s iframe code
- In the Form Builder, go to Publish at the top.
- Go to Embed on the left, then select iFrame.
- Use the provided iframe code to embed your form into your website.
You can insert the code in your website’s body tag. If you’re using a content management system (CMS), look for tools available in its editor for displaying custom HTML and use them to embed your form into your website.
See also: Embed Codes.
Send Comment:
131 Comments:
202 days ago
I'm having issues with formatting the form using this method. The form is only showing a third and when I increase the height there's extra space at the bottom throwing off spacing. Is there a proper method to dynamically adjust height for viewing on desktop vs mobile?
262 days ago
I forgot password please help
349 days ago
My submit bottom does not work on my website after embedding it
More than a year ago
Hello everyone, I want more information, please, because I have filled out a form on this platform, please tell me anything. thank you already
More than a year ago
I have tried this and it seems to work. Expect it cuts of the last part of the iframe. I can see that other persons have had this issue. You recommend setting height of container or finding some script error, but non of this is the issue.
Last attempt was to embed it as an iFrame. You can go to to see the very basic code.
Can you spot the error?
More than a year ago
Click PUBLISH at the top of your Form Builder.
Go to the EMBED section.
Select the IFRAME embed option.
Lastly, click the COPY CODE button to copy the codes.
More than a year ago
Anyone know how to install eBay Banners to a website. A lot of people want to know
More than a year ago
I will try this, thank you for your help!
More than a year ago
Thanks, yes, I'm using the iFrame method.
More than a year ago
When trying to embed my jotform code into Adobe Portfolio I get an error "This embed code is not valid" I've tried IFrame too and always this error message. Any info shared would be oh-so appreciated!
More than a year ago
sir how can i embed a quiz on my artical .
More than a year ago
I get this message when i try to embed IFRAME code on sharepoint?
"We can't show this embedded content because the code seems to be incomplete. Make sure that the embed code includes width, height and a valid address for the src attribute."
More than a year ago
I selected the embed IFrame code as you suggested, no difference..
What is Platforms - Like Wordpress we use?
thanks
More than a year ago
Would it be possible to pull this embed markup through the API? That would help our users during setup a lot, and would enable us to automatically embed these forms for them without this needed step for our not so savvy users.
More than a year ago
I am unable to get the iframe embed code to function properly on my SharePoint site. It keeps telling me the embed code is incomplete...
What do I do to embed the form?
More than a year ago
Thanks, got it
More than a year ago
Thanks again.
There is no iframe widget in the version of Elementor I am using. I copied the iframe script and pasted it into the HTML widget frame of Elementor on the customer engagement form page of the website. So far the only glitch I notice is on the Cell Phone view. When holding the Cell Phone in the vertical position the bottom of the form is cutoff and the signature field is missing. However, when you start entering data into the fields at the top of the form you can then scroll to the bottom and the rest of the form is there. But, when you try to enter your signature as soon as you lift your finger off the screen the form jumps right back up to the top to fill in the other fields. This of course is very inconvenient and time consuming. However, when turning the Cell Phone to the horizontal position the form is completely viewable with the signature field present. The Tablet seems to work fine.
Please get back. Victor
More than a year ago
On my client website (Dentist) there is downloadable pdf file.
Unfortunately this download on mobile devices is not convenient. Also it is not easy to fill it up.
Is there a away to do this online!
Fill the form>click to send.
Or is there any samples to watch it!
Thank you
More than a year ago
please make it more clear
More than a year ago
ok once iframe code copy and after that the paste in that code in app.js but i have errors how to solve the solution
More than a year ago
Can someone please call me @ (305) 467-1024. Everything was working fine last week , but now people have contacted stating there not able to send $$$.
Thank You
Ulysses
More than a year ago
Last part of form is still cut off and not accessible
More than a year ago
Hello,
je n'arrive toujours pas à voir mon formulaire dans mon email. J'ai copié le code iframe, enregistré en .html et ajouté en tant que ficher depuis Outlook "insérer en tant que texte et rien n’apparaît dans le corps de mon email. qu'est-ce que je fais mal ? y-a-t-il une autre intégration possible ?
merci
More than a year ago
I can embed it fine, but then it does not appear full screen
More than a year ago
I can embed it fine, but then it does not appear full screen, even when toggled
More than a year ago
Why I can't copy this codes?
More than a year ago
got it
but what i would like to make and index.html file which takes the user directly to the jotform, without needing to go to a web site
thanks
More than a year ago
Trying for our website.. .Thanks :)
More than a year ago
Brilliant, many thanks for the very prompt response, works beautifully.
Brian
More than a year ago
these instructions for embedding in facebook don't make any sense !!!
More than a year ago
mengapa harus login terlebih dahulu baru bisa formnya diakses.sy tidak inginkan ini
More than a year ago
I've done this and I'm still getting an error:
We can't show this embedded content because the code seems to be incomplete. Make sure that the embed code includes width, height and a valid address for the src attribute.
More than a year ago
Thank you I got as far as copying the code but couldn't see where to put it on WordPress, please help if you can
More than a year ago
I was having problems getting the javascript embed to work correctly. Tech support suggested using iFrame instead and it works OK, although it won't center on the page unless I make it a full browser width embed. Didn't really want to do that, but it works. Anyone else with this issue?
More than a year ago
pretty cut and dry....hope it works
More than a year ago
How to upload a photo from the phone to our website
More than a year ago
Can't get a picture from the cellphone please come back to me how can this be arranged 610-400-5914
More than a year ago
I made some changes on my page and the jotform pencil is no longer shown. It's been working for a few months already.
I followed the steps about the source code copy but couldn't get it working except for the iframe. However, it's not shown as a full embedded page as before.
I need advise asap. Here is a sample
More than a year ago
I am getting a payment error : expected window to be the same domain - can you help?
More than a year ago
That did the trick, thank you!
More than a year ago
oh ok. thanks. I had clicked on the publish tab and iframe didn't come up as an option.
More than a year ago
I was not able to do it. Can you do it for us?
More than a year ago
does this method work in wordpress?
More than a year ago
I'm not a real fan of iframes, but I'm testing. There is a feature which is locked that says something like auto switch to full page, but I can't unlock it !!??
More than a year ago
when I copy code, what's next? Where will I paste the copied code?
More than a year ago
I copied the Iframe code and pasted it on my website. What I ended up with were paragraphs of code - No readible form - I am using Word Press
What shoud I do?
More than a year ago
Trying to embed Jotform contact form. Using IFRAME doesn't work - preview shows a long, skinny rectangular box. Using Souce Code - preview cuts off the bottom (as others have mentioned) and freezes up the screen. Please advise on if this will be fixed or how else I can put a contact form on a custom page!
More than a year ago
I did ... still same oroblemproblem.
cut the bottom of form
Please let me know step by step
More than a year ago
Where do I put the copied code?
More than a year ago
No funciono!
More than a year ago
We just changed the template of our Wordpress site and our jotforms no longer appear. I've used every embed code that you provide and none work. We do not have a paid subscription to add a plugin. Any suggestions?
More than a year ago
Then What?
More than a year ago
DOES NOT WORK - I realllly reallly need someone to respond to my email sent please
More than a year ago
This is still not working and it is very frustrating that you guys do not have a human I can speak to on the phone.
More than a year ago
Thanks!!
it worked
More than a year ago
the page we have the link on is a sharepoint portal & it does not support IFRAME code. just the ulr which was working up till a few days ago. other forms we have posted are having the same issue.
More than a year ago
I cannot seem to get the pay pal subscription payment working. Could you please help me?
More than a year ago
The frame code does not work. Also the buttons that I put on the form doesn't work either. The Print button and the clear form button doesn't work. The only button that does work is the submit button.
More than a year ago
I copied the Iframe code and pasted it on my website. What I ended up with were paragraphs of code - No readible form
More than a year ago
it still does not work. this support is not helpful
More than a year ago
I got your test. and not its not embeded.
its just a link and I have had 3 ppl say they did it, but I never got anything!
More than a year ago
My issue is with the poll redirect to at external page, I want the finding to appear in our already embedded site.
More than a year ago
I tried the iFrame code but it did not solve the problem of the 'Thank You' message box being a the top of the screen under the header instead of visible after the Submit button is clicked.
More than a year ago
Still cannot reduce the height - is there a different icode to insert somewhere? I am completely puzzled.
Robin
More than a year ago
That has solved the problem.
Thanks
More than a year ago
That took care of it, thanks!
More than a year ago
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!!!
More than a year ago
Hello,
I have done the above and copied the Iframe...
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
More than a year ago
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.
More than a year ago
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)!
More than a year ago
I followed al instruction but it did not work, reflect the same problem. Please send to me the all process
More than a year ago
did not work
More than a year ago
What is this iframe code you sent me? should I be using this code with my own iframe code?
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
More than a year ago
AWESOME!...Yep your iFrame advice worked like a charm...Thank you very much :)
More than a year ago
Thank you unfortunately it will not let me delete the current code or insert the new code: How do I do that.
More than a year ago
My problem is solved
Thank you
More than a year ago
I tried to use IFRAME but it doesn't work. You can see on the site
what I mean. The forms are on the site but are not steady!
More than a year ago
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.
More than a year ago
Once I have done all of these steps, do I need to do anything else? or is it automatic?
More than a year ago
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
More than a year ago
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?!
More than a year ago
it worked flawlessly, very clear instructions. Thank you!
More than a year ago
not open on mobile
More than a year ago
I Dont Like No Form Code Error Problem Answers
More than a year ago
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
More than a year ago
I've solved this by embedding the source code, seems to work OK.
Anybody know any reasons not to do it this way?
More than a year ago
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
More than a year ago
Same here not responsive nor optimized on mobile i am using samsung galaxy s6
More than a year ago
doesn't work and been waiting now over 24 hours for support to get back. What a waste of time :(
More than a year ago
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.
More than a year ago
iFrame works great in Safari & Chrome but it comes up blank in Firefox. Using Concrete 5 for website building.
More than a year ago
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?
More than a year ago
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?
More than a year ago
These instructions do not work for my Google site, which I used a contact form from one of your templates. Any suggestions?
More than a year ago
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....
More than a year ago
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!
More than a year ago
Thanks , iframe works
More than a year ago
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.
More than a year ago
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.
More than a year ago
How do you get the iframe code to work in your iframe, I am experiencing a similar problem on my page at Any help?
More than a year ago
Worked great for me, thanks!
More than a year ago
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!
More than a year ago
when i paste the code on my web page and save.
after i save, the code appear on my web page instead of the form, what im i doing wrong, pls help.
More than a year ago
Do we have to have a Adobe Acrobat DC pro account for this to work? It says the standard account allows to sign but the pro account is required to Sign PDFs and get them signed? Does this mean we need a pro account and anyone that needs to sign must have at least a standard account with Adobe DC?
More than a year ago
Absolutely love all the different widgets that can be used with jotform forms. I use this for everything!
More than a year ago
I would love to see the ability for our users to upload a document like their Driver's License or Utility bills etc. Also, the ability to authenticate a user would be nice (Docusign has both of these feature). But so far, this is a good start.
More than a year ago
Can we have multiple signers for this?
More than a year ago
This is such a seamless integration. Takes all the user's responses, sends it out to Adobe DC for signing, and notifies everyone. I expected it to be more complicated!
More than a year ago
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!
More than a year ago
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.
More than a year ago
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
More than a year ago
Iframe didnt work for me either. I'm using godaddy website builder 7. Jotform pls help if you're reading this
More than a year ago
do I have to copy both codes
where does each code go ...
More than a year ago
IFRAME doesnt work for me.
I am using website builder 7 from Godaddy.
Please help!!
More than a year ago
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.
More than a year ago
Hi, I just get a blank area when I use iFrame
More than a year ago
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?
More than a year ago
And where is the image saved to? It's lacking o coherent steps, unfortunately.
More than a year ago
i dont like this answers
More than a year ago
Problem solved with iframe code.
Thanks.
More than a year ago
the width of the iframe is much wider than it needs to be-- it's wider than the web-page where i'm putting the form.
More than a year ago
problems:
-several people on this page mention errors they received using the iframe method. Jotform support has not yet replied to these errors.
-the image in this page is broken.
-when i use the iframe method, the iframe height is much larger than it needs to be.
-The script method should be able to scroll up automatically, since it is script.
More than a year ago
nm, found the solution
regards
More than a year ago
i am trying to embed my code on an iframe, but seems that iframe code breaks the same origin policy access bc jotfrom js code its throwing "Permission denied to access property 'FrameBuilder' " error
on
method :putImageonform
line 954
please help
regards
More than a year ago
I have no scroll bar on my form although i have scrolling set to 'yes'.
What to do?
More than a year ago
I am presently using inframe code. Does that mean I am using the normal http which does not retrict me from 10 SSL submission.
More than a year ago
what do I do after I click copy? to where?
More than a year ago
what do I do after I click copy? to where?
More than a year ago
This didn't work for me either. Form is still blank.
More than a year ago
the iframe turns into a very tall skinny image on the page how do i change the size of the iframe?
More than a year ago
None of those works,
even iFrame