User Guide

 

Which Form Embed Code Should I Use

Which Form Embed Code Should I Use

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.

To access the publish wizard, click the PUBLISH tab at the top of the FORM BUILDER.

OPTION 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 platforms, you should use the specific code provided for each of them. These are the tried and well-tested methods for those formats.

OPTION 2: THE AVAILABLE EMBED CODE OPTIONS YOU CAN USE

On the EMBED tab, you can see the available embed codes that you can use.

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

The JavaScript version dynamically loads the form in an iframe. This means the width and height of the form are automatically generated. You do not need to update the code on your website every time you change something in on your FORM BUILDER.

OPTION 3: USE YOUR INNER CODING SKILLS AND GET THE FULL SOURCE CODE OF THE FORM

If you need to edit the form code to fit specific requirements, then you should use the full source code. To learn more about the form's full source code, you can check this guide: How to get the Full Source Code of your Form

OPTION 4: THE FULL PROOF IFRAME EMBED METHOD

If none of the other options work properly use the iFrame embed code: How to Get 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!

Send Comment

67 Comments...

See all comments
  • jeannemorel

    Hi there!
    I love your solution. The only thing is that it doesn't work well in responsive website.
    -Website is done with Adobe Muse
    -Hosted on Business Catalyst
    -There are for breakpoint at 1200, 960, 550, 480
    - While the form display correctly on computer 1200 display, it doesn't show on any other devices or screen size
    Please see example at http://www.renaissancepatisserie.com/order.html

  • snmez

    yardım almak istiyor

  • gelicampbell

    I am trying to embed into a site page on Sharepoint using the iFrame code. It works fine on the Asset collection page, but when I attempt to insert it into the Site page, it accepts the code, but only displays a caption box. Please help. I am super frustrated.

  • christprisoner

    I tried to publish after creating the form but the could not, what shall I do?

  • Peter Whittle

    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

  • Chillibreeze

    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

  • perfectreliance

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

  • TysonRoling

    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?

  • Terrence Lester

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

  • marilouburleson

    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!!

  • cetot

    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?

  • Samir B.

    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?

  • mmrwa

    For Weebly?

  • Dyson

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

  • econydre

    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!

  • businessmondo

    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

  • shellybookings

    email. it keeps saying its wrong ....

  • sammysimmons

    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??

  • Adrian Riley

    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

  • allamericanaquatics

    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.

  • tmd0402

    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

  • sarahpais

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

  • kplummer

    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.

  • cindyzach

    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!

  • TechcraneMarketing

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

  • schaef65

    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!

  • JohnErskinePhotography

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

  • lindseycholmes

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

  • brannylove

    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?

  • Joanover

    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

  • focusfitness

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

  • Cantodorio

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

  • shani

    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

  • JMAE

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

  • kkotak

    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.

  • kkotak

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

  • iLorna

    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?

  • sahawaii

    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.

  • sanlesslie

    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

  • MilanovicB

    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

  • codyrcuster

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

  • guest_23573576041050

    thanks u

  • acmusicians

    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

  • koonz

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

  • AdminParadiseFanfics

    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?

  • habibo213

    thank u

  • nimpsyalumni

    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?

  • findthesilverlining

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

  • rudochar

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

  • riskosoft

    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 :