Jotform for Beginners
Get more done with powerful, easy-to-use online forms. Learn how in this helpful, free guide from Jotform.
Download the Book
Would you like to add additional text contents or HTML codes to your form but outside the Form Builder? Would you like to host the form files on your own server? If yes, then that is possible with embedding your form using the Source Code method. Here are the steps:
- Go to the Publish tab in the Form Builder.
- Click Embed on the left.
- Select the Source Code option.
- Click the Copy Code button to copy the form’s code.
If you’d like to host the form files on your 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.
Notes
- Every time you make changes to your form in the Form Builder, you must update the source code on your site. This is because the form’s code on your page doesn’t automatically update.
- The Source Code embed method is not available in Card Form layout.
Send Comment:
77 Comments:
i have downloaded the sourcecode and edited
could i get an advice on hosting this edited sourcecode?
or how could i update this changed sourcecode?
Hi,
I came across this page https://www.jotform.com/help/104-how-to-get-the-full-source-code-of-your-form/
telling how to export jotform as html but i can't find this feature in my account.
Is there anything i can do to let me account download the form as html?
Should conditions work on my LOCALHOST dev server?
I have crated jot form and added into our website but validation design not come as per jot form given.
web page link:-
issue:-
What I want :-
For some reason when you click on my InstaBio for colormatch form it doesn’t take you to the form. I put the link in. Can’t figure out what I’m doing wrong.
Hi
I have downloaded the source code, how to add a custom field Validation with an API to text Field. After the validation run on the Field, then only will Form will be Submitted if the text field will valid.t field will v
I need a Documentation for editing the source code.
Thanks,
Vishal
Hi! Can somebody please explain WHY does one need cloning?
1. Is it just to save time creating a similar form or does it serve any additional purpose?
2. Is clone tied to the original form? I.e., if I make changes in one, will it affect another?
3. Does cloned form count for all created forms - i.e. if I use a free account and create a clone it will count towards my 5 allowable forms?
4. I need a form to test some features I am not sure about - is there a way to have such Test Form without it being counted towards my free ones?
Thank you kindly,
Galina
I dont see the full source code on my starter account.
i need to know how to send it
How do u re-embed the code? i couldnt change/edit/delete or anything on the embed
When downloading the source code, it is only downloading it in the default form language. Is there a way to include the code with other translations as well?
I am not very good at HTML code and I need help with my form #203004813843144. I need to know how to change font colors within the form and is there a way to remove/disable the radio buttons once the form is live. Just the buttons so someone can not register. Also, I need to know how to prevent people from registering from more than one class per time period.
Sandra Stewart
swstewart@charter.net
Hi, can I export the data to excel file?
I will need to input the data to a new software database.
Thanks
is this feature still available?
I can't find it in my forms
Thank you
Good
hi there! plz bring this feature! other providers offer this in basic-version.
nice
Como interagir com o código fonte? Por exemplo executando a função de voltar página, ou ir para uma pagina especifica?
Hi , When downloading the files, do i need to amend the code to source JS & CSS from the downloaded files rather than URL?
SIR PL. SEND THE STEP WISE DETAIL WE CAN READ THE DATA FROM GOOGLE SHEET THROUGH JOTFORM FILLUP
The Source Code field (as in your description above) is not visible or available on my "Embed" page.
How do I get the source code then?
very helpful post. now I will try it...
Hi, Do we have a JavaScript callback function when we submit a form? I have downloaded the source code and embedded it as an HTML in my web-page. How to check for form submissions?
Hi, could you please tell me how to apply this to cargo collective sites. I want a little pop up screen to come up over my site as soon as you enter. I'm not sure whether to add this as a page?
Thanks (:
Full code
Hi
Hey joebug97,
I was wondering about the source code myself because I did not find it in the location that is suggested above but I found it on the page where it shows all of your forms in a list called My Forms. When you select the one that you want and click on more then publish then embed, in the drop down menu just under that you can select source code.
Per your instructions above I'm supposed to see the "SOURCE CODE" option under the "EMBED" option... HOWEVER this option is NOT showing!???
Instead the next available option is "iFRAME"
How am I suppose to access the "Full Source Code"?
ANOTHER QUESTION... How can I associate another email address to this account. The other email address I need notifications to go to is: joemortgage.com@gmail.com
Please advise... Thanks!
Joe Mahallati
856.454.7847
imahallati@fam1fund.com
joemortgage.com@gmail.com
How to connect jotform with active directory
Jotform for Online Governor has been deleted. Original Jotform created by Stephhem Cree: e-mail stephen@orangecrushdigital.co.uk Tried to re instate JotfForm for Online Governor without success important for client contact- no other details including password. available. Please advise best way to re instate Jotform for Online Governorwith new username and password.
Terence
cant find source code under publish section, is there any solutions?
please i would like to know. in the downloaded zip there are devided into folders and its obvious that the site i am trying to add to already has same folder names. i also wish to ask about the other main thing.
Is there any way to add the product the customer wants automatically from the momment they click on buy under the product itself rather than filling in themselfs? if we can talk about that to details on emial too i will be glad.thanks for your service.
soruce code button is not there in publish. how to get html now ?
I don't see "source code"
I can't see the view source code option
Thank you more I can get!!!
i can't find the "source code" option:((((
Hiii
i can't find the "source code" option!!! i can't find CSS option for the "form designer" either?!?!?
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
why i cant find the source code button?
Hi, I have integrated my form on Wix site but is it possible to remove the ads at the bottom of the form?
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!
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!
my full code to Google
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
Any way to make is just submit it to like a document or something else?
I have a website from wix.com
how can I design with html & css
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 ?
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:
:'( that frustration
I don't understand how to display it on my website, I don't see the HTML
Was looking for a web-service. Its functionality is surprising wealth of features, flexibility and consistency. It will develop and use in practice.
This can be scary and criptic for non-techies. Will this be a feature added to Jotform soon?
We have used a few of these lovely little tips and 1-to-1.org.uk when creating our payment forms :)
This is really a great website!
Thank you...
This site is the bomb diggity!!!
VERY GREAT TOOLS , HAPPY NEW LIFE TO JOTFORM.COM HAPPY TO MEET YOU GUYS . THANKS TO THIS BLOG POST.
Precisely!
I love that principle - Simple and focused forms -
I've also used all these time saving tools and principles and found them immensely beneficial.
Thanks - awesome blog post.
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!
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?
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!
with this can i choose from dreamweaver the redirect site after submit?
That's cool ! thank
If I embed the full source code in my website does it still access the Jotform site when they submit a form.
Fantastic I found it
This is awesome. Thanks!
Thank you @MilanovicB for the great tip. That would help people who's struggling with importing their code on blogspot.com
I see that some have problems with implementing these HTML codes into Google Blogs (blogspot.com).
Try implementing the code into HTML Gadget.
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?
Thank you so much!
U COMO HAGO PARA QUE ESTE ME FUNCIONE EN UN BLOGGER
thanks see how I go
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?
how do you upload a changes??
¿Qué pasa si utilizas Google Sites?