I have a web page where I created and imbedded the Cognito code for 2 Contact forms. The forms have the same boxes but I want them to be used independently and have the form info go to each person independently. So far, it only seem to work as though it was one form.

How do I do this?

  • This is a bit more about web development than about using the Cognito web interface for designing the forms, so it's bordering on being off-topic. However, their support/developer staff is usually monitoring the tag, so I will leave it for the time being to see if it is in fact answerable via something in their web app.
    – jonsca
    Oct 20, 2014 at 21:41
  • For those of you who want to add their own CSS to their framed contact form - we at least can do it this way: Click Here - Iframe embedding Feb 14, 2017 at 21:06

1 Answer 1


I am a developer for Cognito Forms. The reason that only one form is working is because we only support the use of one form on a page. One way to work around this is to place a second form inside of an iframe on your webpage.

  • Thank you! I wondered if that was a limitation. Other than that, this is the greatest service ever!
    – TomH
    Oct 22, 2014 at 14:47
  • 1
    With all the respect to this concept - it limits the flexibility to a degree and adds unnecessary complexity. Why not just make it optional? That way if I choose to go the multiform per page route that is on me. Feb 14, 2017 at 20:24
  • As the styling options for Cognito forms are limited, I write a bunch of css to overrule the .cognito styles. With the second form in an iframe, it becomes harder to apply the custom styles. It would be more convenient to have both forms loaded inline.
    – Esger
    Nov 3, 2020 at 8:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.