How to Get the Full Source Code of Your Form

October 14, 2021

Would you like to add additional text contents or HTML Codes to your form but outside the Jotform Builder? Would you like to host the form files on 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 tab.

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 in your page are not automatically updated. 

The Source Code is not available in the Card Form layout. 

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum:

Contact Jotform Support:

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.