Adding a Form to Adobe Dreamweaver

April 1, 2022

Adobe Dreamweaver is a desktop tool that helps you quickly create and publish web pages. Dreamweaver supports HTML, CSS, JavaScript, and more. If you built a website with Dreamweaver and want to embed your Jotform form, please watch the following short video or see the steps below.

Getting Embed Codes for Dreamweaver

  1. In the Form Builder, go to the Publish tab.
  2. On the left side, click the Platforms option.
  3. Search for Dreamweaver, and click it.
  1. Click the Copy Code button.

Embedding Form to Dreamweaver

  1. In Adobe Dreamweaver, open the page where you will embed the form.
  2. Click on the section of the loaded page where you want to display the form.
  3. Go to the Code window and paste the embed codes.
  1. Assuming your current view is Split (Code and Live), you should see the form automatically.
  2. Save your entire page, and that’s it.

The above steps are through Adobe Dreamweaver Version 21.2. The steps are likely a little different for the other versions, especially the older ones. However, the embedding should be the same.

Since the Adobe Dreamweaver embed option uses the full source codes, changes you’ve made in the form builder are not automatically reflected in the form. In this case, you’ll have to grab the embed code again and paste it to Dreamweaver. We recommend the default embed or iframe embed if you wish to display the changes automatically.

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.


  • MaheshTomar
  • Sunflowerwindy
  • Debrief
  • aytekin
  • andrewgresham
  • colindaykin
  • osm
  • rrw
  • altviewgraphics
  • osmads
  • jwdesignshop