How to Get the Full Source Code of Your Form

May 4, 2022

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:

  1. Go to the Publish tab in the Form Builder.
  2. Click Embed on the left.
  3. Select the Source Code option.
form-builder-source-code-min.png
  1. Click the Copy Code button to copy the form’s code.
form-builder-copy-source-code-min.png

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. 
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: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

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

Comments: