Jotform lets you embed your form directly into your website using its full source code. This gives you full control over the form’s structure and appearance through HTML and CSS, and lets you add custom behavior with JavaScript. It’s ideal if you want the form to blend seamlessly into your site or you need to extend how it works. You can also download the form’s resource files and host them on your own server if needed.
Notes
- Full source code is only available for forms in the Classic layout, not the Cards layout.
- The form’s source code doesn’t update automatically, so you’ll need to replace it on your website every time you make changes in Form Builder.
Getting your form’s full source code is quick and easy. Here’s how to do it:
- On your My Workspace page, click on Type at the top and in the Dropdown menu that opens, uncheck the boxes next to all the assets except Forms, so only they’ll be shown on the page.
- Hover your mouse over the form you want to embed using an iframe and click on Edit Form on the right side of the page.
- In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
- Now, click on Embed in the menu on the left.
- Then, on the right, click on Source Code.
- Next, in the Source Code section, click on Copy Code.
That’s it. You can embed the code into your site and customize it the way you like. You can also select Download Source Code to get a ZIP file with your form’s resource files that you can host on your server.
Send Comment:
80 Comments:
31 days ago
I created a website using Next.js and Typescript, how would I embed the form into my website code?
84 days ago
Hello. Will you support getting the source code of card forms?
I have a card form and I want to embed it to my side, without the need for an iframe, so I can track analytics using google analytics
Thank u pls
ref: https://www.jotform.com/help/1076-how-to-track-online-form-submissions-using-google-analytics/
196 days ago
I set up a discount code, I downloaded the source files, and it seems like the codes are not working. I tried the live link to the form and the code seems to be working. Any ideas on how to make it work on source code?
More than a year ago
hello great assistance
More than a year ago
Hi, I would like to collect the GCLID of each person who fill a form in the hidden field I've created on the form. Could you help me with the code I've to use to add this ?
thanks in advance
More than a year ago
Does this work with HIPAA accounts or forms?
More than a year ago
Hi,How can I export the data to excel file?
More than a year ago
Hi lovely assistant 😊
More than a year ago
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?
More than a year ago
Hi,
I came across this page 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?
More than a year ago
Should conditions work on my LOCALHOST dev server?
More than a year ago
I have crated jot form and added into our website but validation design not come as per jot form given...
More than a year ago
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.
More than a year ago
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
More than a year ago
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
More than a year ago
I dont see the full source code on my starter account.
More than a year ago
i need to know how to send it
More than a year ago
How do u re-embed the code? i couldnt change/edit/delete or anything on the embed
More than a year ago
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?
More than a year ago
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
More than a year ago
Hi, can I export the data to excel file?
I will need to input the data to a new software database.
Thanks
More than a year ago
is this feature still available?
I can't find it in my forms
More than a year ago
hi there! plz bring this feature! other providers offer this in basic-version.
More than a year ago
Como interagir com o código fonte? Por exemplo executando a função de voltar página, ou ir para uma pagina especifica?
More than a year ago
Hi , When downloading the files, do i need to amend the code to source JS & CSS from the downloaded files rather than URL?