Which form embed code should I use?

Last Update: August 3, 2016

JotForm’s Publish wizard has many options. Which one is best for you? This simple guide will help you find the right solution for your needs.



1. Do you use one of the following platforms?

iWeb, Dreamweaver, Wordpress, Facebook, FrontPage, Blogger, Tumblr, TypePad, LiveJournal, Expression  Web Page, Google Sites, Xara, Yola, Webs.com, Memberkit, Drupal or Joomla.

If you use one of these hosts or editors, you should use the specific code provided for that platform. These are the tried and well-tested methods for those formats.



2. Otherwise, you should use the “Embed” option. 


The embed option is a simple one line JavaScript code. It is designed to work on any web page.

The JavaScript version basically creates an iFrame on the fly and the form is loaded in it. Since it creates the iFrame, it can also resize it. That means there's no need to update the code every time you change something. Keeping the form inside an iFrame also prevents it from conflicting with existing JavaScript or CSS elements on your page. 


3. Unless you would like to customize the form further on your own site!

If you need to edit the form code to fit your specific requirements, then you should use the full form source code. To learn more about the form's full source code, you can check this link.




4. If none of the other options work properly use the IFrame Code

If you copy the iFrame code correctly, almost nothing can break the form on your page! Since the form is displayed inside an iFrame, it will not conflict with anything on your page.



Any questions, comments, or concerns? Let us know in the comment field below!


66 Comments...


   
mkelly922 (January 26, 2011 at 10:49 AM)

when I paste the code to the website I developed on Microsoft Publisher all that shows is the link. I can't get the form to show ???


   
aytekin (January 28, 2011 at 07:23 AM)

mkelly922: To add a JotForm code to a Microsoft Publisher, click the "HTML Code Fragment" command on the "Insert" menu. That opens the "Edit HTML Code Fragment" dialog box, where you can type or paste the code.


   
Jo2049 (February 11, 2011 at 12:26 PM)

When I paste the code onto the website page the form doesn't show ===just the link
I u'm using sitespinner pro
which code should I use ?


   
vabymjm (February 13, 2011 at 04:02 PM)

i have wordpress.com


   
JotFormSupport (February 14, 2011 at 02:11 AM)

You will have to ask sitespinner if they support javascript code.
You can try to put html code of your form.

If not it means you will be able to use only basic features of your form. No power tools, no conditions etc...


   
berlibj (February 16, 2011 at 02:18 AM)

To whomever is asking about SiteSpinner. I have used Jotforms with that application with not problem. Copy and paste the Iframe version of the Jotform source code into the HTML code insert of SiteSpinner. If you would like to see an example hit me back.


   
bencherryjr (March 17, 2011 at 10:34 AM)

We I embed the source code i see the css style layout but when I launch publish my website the style sheet is gone and I hjust have my questions in "whie space". What is causing this and how can i fix it


   
brunovannieu (April 03, 2011 at 11:34 PM)

To embed a form in a Ning site, should I use the Facebook format? (I think Ning and Facebook are similar)


   
JotFormSupport (April 05, 2011 at 03:01 AM)

Ask Ning for that. FBML is only for facebook. It shouldn't be facebook code but rather full html source code.


   
DeAnnaA (April 14, 2011 at 06:24 PM)

I created my form in JotFort and downloaded the iFrame app but can't get my form to load. I'm following all of the instructions. Please help!
Thanks!


   
sgonzaga (April 15, 2011 at 02:56 AM)

I'm using Posterous as my blogging platform. Which embed code should I use? I tried using Embed, Source, and iFrame but the form doesn't seem to be working. :(

My URL is http://stefgonzaga.com/


   
sabanosrati (May 12, 2011 at 02:00 PM)

I just added another textbox to my form. I use the javascript embed option but I do not see the changed. I tried clearing the cache as well and no success. Any help would be appreciated.

View Answer


   
wfcrc (June 22, 2011 at 02:57 PM)

Hi
I have webstudio program. And I just want to have a link to the form. what link do I use?

View Answer


   
scottwill7625 (July 02, 2011 at 06:39 PM)

I created my site in some website builder, and built a form in Jotform to allow customers to upload documents to an email address at GoDaddy, my host. But all that gets uploaded is the file name, not the file itself. How do I fix this? Is there a file I need to give the website to make your Upload function work?

View Answer


   
HPSteve (August 11, 2011 at 02:05 PM)

When I past the embedded code into my page it loads it up just as I want but then loads blank space over and over again. I cant scroll to the bottom of my pages and then after ten of fifteen seconds it restarts again. Anyone else having this problem? I need help!!

View Answer


   
manender (November 15, 2011 at 09:22 AM)

we have to fix the height of the ifame



can we adjust it according to the form height


   
joancalpo (November 18, 2011 at 11:54 AM)

help!im trying to embed this in my multiply online store..however it only shows the link? cant it show the form itself?

View Answer


   
riskosoft (February 16, 2012 at 07:01 AM)

Hello can u help me ? when i try to put the simply embed code in my web page, I can not able to change the width of the form...how i can manipulate the width of my form ?

this is my embed code :

View Answer


   
rudochar (April 05, 2012 at 01:20 PM)

I am using google site. it is asking for a form ID. How do I find my form ID

View Answer


   
findthesilverlining (May 03, 2012 at 12:28 PM)

Can Jotform be embedded to twitter? If so, then how?

View Answer


   
nimpsyalumni (June 22, 2012 at 02:18 AM)

I am unable to embed my form in wordpress.com. I have put in the right codes in the html text area of my post, but the code does not update on some occasions, and on others it only displays the source code on the webpage. is this related to Java?

View Answer


   
habibo213 (September 08, 2012 at 08:59 AM)

thank u


   
AdminParadiseFanfics (October 29, 2012 at 01:21 PM)

O meu site é wordpress,eu fiz como você mandou mais ele não tá aparecendo. Assim que eu coloquei apareceu depois sumiu. O que eu faço?

View Answer


   
koonz (November 22, 2012 at 04:40 AM)

Hi the tab on my facebook page currently shows a atsr and says welcome. How do i customise it?

View Answer


   
acmusicians (December 19, 2012 at 05:49 PM)

The embed code is displaying an older version of my form.

Here are the links -- same form ID, different forms displayed.

Javascript Embed: (13480140201)
http://www.acmusicians.org/ycm-competition-application/

Direct:
http://form.jotform.com/form/13480140201

View Answer


   
guest_23573576041050 (January 21, 2013 at 06:35 PM)

thanks u


   
codyrcuster (April 17, 2013 at 09:22 AM)

Anyone ever try to do this with a behance prosite? tried embedding the Iframe and it won't accept it...

View Answer


   
MilanovicB (May 08, 2013 at 08:36 AM)

Java (iframe) Platform runtime should be up-to-date, on every computer.

To embed as Java (iFrame)
Click on:

http://www.acmusicians.org/ycm-competition-application/

For older type of Internet Browsers:
http://form.jotform.com/form/13480140201


   
sanlesslie (August 27, 2013 at 11:11 PM)

I am very happy with my choice of embedded, popup, direct link. I connected the link to a button. Worked out great. I tested uploading files and this was the best option. It can be seen on the front page of historicalfamilies.com. File Upload

View Answer


   
sahawaii (September 07, 2013 at 11:29 PM)

Hi,
I am trying to embed a form which includes a paypal payment. I am trying to emebd the form into an email created with benchmarkemail (http://www.benchmarkemail.com). The purpose is to send a reminder to clients whose membership has expired and I would like to embed the form directly into the email. I tried copying the source of the form into the html of the email and to use iframe. The form shows up ok in the body of the email (nicer with iframe) however when clicking submit from within the email it opens up a page (link is: http://submit.jotform.us/submit/30768659691168/) with the following error: "Form ID did not match. Form ID: Form Name: 30768659691168."
Is there a way to do this?
Thank you.

View Answer


   
iLorna (October 11, 2013 at 06:25 PM)

I've tried embedding each of the codes in my Microsoft Word docx where I insert a hyperlink, and I get an error message "Cannot open the specified file". What am I doing wrong?

View Answer


   
kkotak (October 21, 2013 at 12:36 AM)

Embed code on chrome 30.x gives the following JS error - Uncaught TypeError: Cannot read property 'attachEvent' of null

View Answer


   
kkotak (October 21, 2013 at 12:38 AM)

Is there a way to set the height on multipage forms to adjust to the height of the form on that page? Looks pretty ugly when a page with a few field is displayed with a large scroll till the end of the page.

View Answer


   
JMAE (November 15, 2013 at 02:51 PM)

Instructions for gsites says to use the form id. Where do i find that?

View Answer


   
shani (December 12, 2013 at 10:27 AM)

sir i have created website with i page hosting when i have embed code copy and paste on my website page and all is autoplay please tell me how to make manual

View Answer


   
Cantodorio (December 14, 2013 at 09:46 AM)

como puedo reformar mi formulario y despues volver a copiar codigo paa actualizar

View Answer


   
focusfitness (January 02, 2014 at 12:28 PM)

Thank you! This answered a question I had.
All the best,
Stephen


   
Joanover (March 03, 2014 at 09:43 PM)

When I preview the form the capture is there, but when I embed the code into my web site the form comes up without the capture

View Answer


   
brannylove (April 10, 2014 at 11:18 AM)

I'm trying to link a form to an Ebay listing but I'm getting the following error message: Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href.

Is there a workaround for this?

View Answer


   
lindseycholmes (May 01, 2014 at 02:56 PM)

How can I get a form with pure html - no javascript?

View Answer


   
JohnErskinePhotography (June 09, 2014 at 04:01 PM)

Hi, I want to email my form to clients - can you tell me how to do this please?
Thanks!

View Answer


   
schaef65 (August 13, 2014 at 04:12 PM)

Is it possible to have my form open in a new tab? I've embedded it into our website and it works great but others have asked if this would be possible. Thanks!

View Answer


   
TechcraneMarketing (September 10, 2014 at 11:02 AM)

What about if I am designing the website with adobe muse?

View Answer


   
cindyzach (September 17, 2014 at 03:56 PM)

I am trying to embed a form with a link to click to open on my godaddy website. I have done this in the past, but I am not remembering the correct way. I cannot get a link to embed. Please help!

View Answer


   
kplummer (September 23, 2014 at 01:58 PM)

I have tried to embed my forms in my layout in Net Objects. I don't know exactly where to paste the code. The form shows up, but it is not in the right place. It is too high and encroaches on my navigation bar. The iframe doesn't work for me because I get script errors.
I'm just a lay-person who has taught myself to use Net Objects and I cannot get their forms handler to work for me. I love the way the jotforms look.

View Answer


   
sarahpais (December 16, 2014 at 12:40 PM)

Godaddy will not display the signature box. Everything else if fine but the signature box is missing. Do I need to try something else?

View Answer


   
tmd0402 (January 08, 2015 at 02:27 PM)

I can't get any of the codes to work; anyone have any suggestions? I have tried everything including the iframe without success. Zenfolio's support says they aren't sure why it's not working. UGH
Thanks

View Answer


   
allamericanaquatics (February 12, 2015 at 04:30 PM)

My form should look like this:
http://www.jotform.us/form/50425974540153

but when i embed it with the source code it shows up like this:
https://www.all-americanaquatics.com/proddetail.php?prod=Cap-Quote&sid=83§=29&man=0

the embed code doesnt work, nothing shows up.
the iframe code doesnt work, shows blank space where the form should be.

View Answer


   
Adrian Riley (March 12, 2015 at 06:22 PM)

Hi,great site,

I have a 1 2 3 domain web site builder. Can I customize a blank form to my own design,say, using Google aps

View Answer


   
sammysimmons (June 01, 2015 at 10:40 AM)

I've been using the embed code and its been working great until today and now nothing works. I'm using Volusion to build my site. The source code is the only one that will show up but it looks awful and adds a bunch of stuff to the form. Why wont the embed code show up anymore??

View Answer


   
shellybookings (June 26, 2015 at 03:49 PM)

email. it keeps saying its wrong ....

View Answer


   
businessmondo (June 27, 2015 at 11:52 AM)

i use your embedded code in the article but its not working its too heavy i use {{jotform}} this way i did it on separate article and i make it linked by another icon from another article cause it shown in same article to long

View Answer


   
econydre (June 30, 2015 at 01:07 PM)

I tried to put it on a page, but because we have https enabled on the site and the code comes from a http site, the form doesn't show.
Please help!

View Answer


   
Dyson (August 09, 2015 at 06:24 PM)

Your embed code will look similar to the example below. Tells FormSite where to find your form.


   
mmrwa (January 29, 2016 at 12:43 PM)

For Weebly?

View Answer


   
Samir B. (February 23, 2016 at 02:41 PM)

I am using iframe for my videos still i am not sure how can i make it loading faster? It often break up and take long time to load....p.s. i uploaded only HD 720p and 1020p videos. Can it be the size of the video reason for that or maybe is my browser?

View Answer


   
cetot (April 07, 2016 at 10:00 PM)

I use iframe and paste to my website, but when i view the form using my hp, (mobile), it did not display full form, no SUBMIT BUTTON . half form only. How?

View Answer


   
marilouburleson (April 12, 2016 at 07:50 PM)

Hi, I can't get my form to upload to Zenfolio. I have tried every type of code. Iframe seems to be the only one that works, but I don't get the theme and the form is very narrow.
Thank you!!

View Answer


   
Terrence Lester (April 26, 2016 at 02:10 PM)

tried embedding a form into site but it won't show the Submit Button to send email!!!

View Answer


   
TysonRoling (April 29, 2016 at 02:35 AM)

I am able to get the form to upload to my website. however when i press submit at the end it doesn't take me to the 'Thank you' page and i don't receive an email for it. Do you know whats wrong with it?

View Answer


   
perfectreliance (July 05, 2016 at 05:54 AM)

Good day,
After filling the form on website, it is not submitted and i don't know what happened.
Please help me out.
Thanks

View Answer


   
Chillibreeze (November 05, 2016 at 12:45 AM)

When I use the embed source code option for a jotform and paste it in mailchimp template builder the radio buttons and submit button dissappears and all thats left are the text.
What could be the cause of this and how can I resolve this?

Thanks

View Answer


   
Peter Whittle (November 22, 2016 at 04:40 PM)

I am trying to use embed codes for displaying images on my website but they are not responsive when enlarging the page and making it smaller.

I've tried adjusting the width to 100% in the code but the height never adjusts correctly.

I am using wordpress, do I need to paste a code into my elated options in custom CSS

View Answer


Send Comment