What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to embed a form in DreamWeaver and avoid HTML errorsAsked by mmunguia on June 16, 2014 at 09:13 PM
I have had excellent results embedding our forms in DreamWeaver for a long time. Now DreamWeaver shows me errors (highlighted in yellow). The form works but it destroyes our HTML template. I am providing here the location of the form without the template: http://waveteam.com/Sample2.htm
You can see the errors. I did not edit anything so that you can see exactly how it came from jotform.
I did check the web page URL where you have embedded your form and it seems to work fine.
I was able to submit the form without any problem and I was redirected to your thank you Page. Please check the screenshot below:
I did not see any error on page. I would suggest you to share a screenshot of the error message you see on your form. It will help us understand the problem you are having. The following guide should help you upload screenshot in your forum post: https://www.jotform.com/answers/277033
We will wait for your response.
JotForm Support Manager
There might be a conflict with your template and our form.
You may try our iFrame embedding option in order to avoid any possible script conflicts. I hope this is available option for Dreamweaver.
On regards to destroying the Template, one of our users wanted to share this with other DreamWeaver users:
I really like your forms. The one thing that I would recommend to your customers is when you are working in Dreamweaver (and maybe other programs too) it's best to first add a table of at least 3 rows, and then insert the code into the top row of the table. I found that when I didn't do this, the code overlapped the design already in place on the page, and if it was the last item on the page, it went down below the copyright line and everything. Once I added the table of at least 3 rows, it worked fine.
Also, when I'm creating a long form on your site it tends to do this as well on your page.
Thank you for your assistance.
2. The sample form that I posted for your review did NOT include our template. It is just a plain HTML page with the embedded form. How can the form be incompatible with just the "head"and "body" HTML statements? Something is wrong.
3. I will try the iFrame option.
4. I am not sure what the insertion of a 3-row table (your user's recommendation) will do to our pages, but I will try it. We need to resolve the embedding difficulties without abandoning our template that gives conhesiveness to our entire website.
I was able to embed my form into DreamWeaver without destroying the template, using the suggestion from one of your users: inserting a 3-row table and pasting the form code into the first row. It works.
JotForm Support Manager
These are really good news! Thank you for sharing your results!
Does that mean the iFrame option was not necessary?
Yes, that is correct. The iFrame option was not necessary, nor was it desirable because it did not allow us to edit some of the page formatting to adjust it to our website standards. When the jotform code is embedded into DreamWeaver, we can still make cosmetic changes to the page (margins, spacing, highlighting, etc).