User Guide

 

How to get the Full Source Code of your Form

How to get the Full Source Code of your Form

Would you like to add additional text contents or any HTML Codes to your form but outside the Jotform Builder? Would you like to host the form files to your own server? If yes, then that is possible with embedding your form using our Source Codes method. Here are the steps:

1. Click the "Publish" button from the top toolbar

2. Click the "Embed" option

3. Select the "Source Code" from the Embed Options

4. Click the "Copy Code" button to copy the form source codes



If you'd like to host the form files to your own server, you can download a compressed and refined version of the form with its separate CSS and JS files by clicking the "Download Source Code" button from the Publish wizard:


Note when using the Source Codes: Every time you change (add or remove fields) from your form in the form builder, you must update the form codes on your site by re-embedding the form. This is because the source codes that are currently embedded to your page are not automatically updated. 

Questions? Comments? Please post it below!

Send Comment

32 Comments...

  • vinay n

    I am trying to embed a form with using the source code option.
    But when I submit the form thank you page is not coming to the same page. Is it possible for us to just refresh where the form is coming in.

    I mean when we use it as Iframe it reloads that portions of html page

  • dayaidil

    why i cant find the source code button?

  • ElminOps

    Hi, I have integrated my form on Wix site but is it possible to remove the ads at the bottom of the form?

  • Frank Spears

    For an easy to use software the fix is not in keeping with the ease of use. The form I spent the morning to create looks great but is useless with the issue of the return key. I am unable to work through the complexity of the fix Time wasted!

  • poudreriver

    Is it possible to edit the source code without hosting the form files on my own server? I'm looking to add a pop-up thank you message, but prefer to use the HTML embed on my web page. Thanks!

  • tonny mays

    my full code to Google

  • RedgateFinance

    Hi there,
    If I host the form myself on a web page can I disable public access to the form but still use it from my own secured page?
    Thanks

  • ENMUTurntUp

    Any way to make is just submit it to like a document or something else?

  • zaphir Ahmed

    I have a website from wix.com
    how can I design with html & css

  • DCNS_Aust

    If I download the source code to my own server, is the data submitted via the form stored on the jotform server?

  • dickitt

    Hello,

    when i try to click the "here" button for the compressed version i always get the message: "Cannot create zip file."

    Could you kindly fix this or let me know what seems to be the problem ?

  • yoram

    I have to integrate the following code after the tag on JotForm. I can not do it on my own site because I joined the JotForm form on a platform that sends my CRM.
    Here is the code:

  • eAlebrije

    :'( that frustration

    I don't understand how to display it on my website, I don't see the HTML

  • Kev

    This can be scary and criptic for non-techies. Will this be a feature added to Jotform soon?

  • Sofoula90

    I changed my source code in my form and I don't know how I can upload it in my forms (in JotForm).
    Anyone knows?
    Thanks!

  • swapna_summit

    so Every time i change (add or remove fields) from your form in the form builder, i must update the form codes on my site by re-embedding the form. This is because the source codes that are currently embedded to my page are not automatically updated. then how can i re-embed the form?

  • pathologyassociates

    I cannot get this to work on a different page other than the HTML page that is packaged with. Also when I move the assets (and obviously change the hooks/links in the html page) for some strange reason the JS doesn't work correctly. *****Also the Assets are missing the "protoplus-ui-form.js" I had to yank it from your max server. Thanks for providing this option though, very cool!

  • joss3ek

    with this can i choose from dreamweaver the redirect site after submit?

  • md.imran

    That's cool ! thank

  • claytonfraser

    If I embed the full source code in my website does it still access the Jotform site when they submit a form.

  • sanlesslie

    Fantastic I found it

  • hyejeejung

    This is awesome. Thanks!

  • khrisell

    Thank you @MilanovicB for the great tip. That would help people who's struggling with importing their code on blogspot.com

  • MilanovicB

    I see that some have problems with implementing these HTML codes into Google Blogs (blogspot.com).

    Try implementing the code into HTML Gadget.

  • paycell

    When I click the link I get a white page with this http://www.jotform.com/zip/Televext%20Signup_(30767895264165).zip?t=1363668899 in the address bar. But no download prompt..

  • videomefit

    My module is stating I need to have a file with indes.htm in my zip file once I upload my source code. How do I fix this?

  • chrisdazzo

    Thank you so much!

  • sisglo

    U COMO HAGO PARA QUE ESTE ME FUNCIONE EN UN BLOGGER

  • Plastersales

    thanks see how I go

  • LuizAlbertoSoares

    Sorry my poor english.

    I have a question.

    If you download the form code and incorporate the page it will continue with the limitation of 100 submissions per month?

  • iecampus

    how do you upload a changes??

  • Anónimo

    ¿Qué pasa si utilizas Google Sites?