Hello,
I’m trying to embed some different forms in the same webpage of my website. Using both versions, simple embed and full embed code, I have the same problem.
The forms are not completely independent and interfere with each other, e.g. field validation, privacy policy checking, etc.
Is it possible to insert more than one form on the same page?
Thank you very much in advance for your help
It is possible to embed two forms into the same page, but many of the functions in the javascript to validate inputs will be the same between the two forms, and the two sets of CSS will be targeting the same html, especially If both forms are accepting the same types of inputs (for example, Contact email address). The simplest way is to edit one of the forms and rename ids, class names, etc in the html, javascript, and css sections.
Another way (or you could use a combination of both) would be to wrap each form in its own div with its own unique ID. The you could address parts of the CSS, javascript etc. to only act within the scope of the div you wanted. This is very easy to do for the CSS. For the javascript, a framework like JQuery would really help.