Answers.Body: <p>You certainly can have more than 1 Freeform form loaded in the same page without issue. However, in some cases you may run into issues when doing so, such as AJAX not working correctly or some special fields not loading correctly. But it can be easily corrected by following these best practices:</p>
  <ul>
  <li>Be sure to specify the <a href="https://docs.solspace.com/craft/freeform/v3/template-functions/freeform.form.html#param-id" rel="nofollow noreferrer">id</a> parameter for the <em>freeform.form</em> template functions in your template with unique values.</li>
  <li>Be sure to use the <a href="https://docs.solspace.com/craft/freeform/v3/template-functions/freeform.form.html#param-fieldidprefix" rel="nofollow noreferrer">fieldIdPrefix</a> parameter for the <em>freeform.form</em> template functions in your template with unique values. This will automatically insert unique prefix values to field ID's rendered with field.render so you don't have to manually do this.</li>
  </ul>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-11-06T06:11:48.597Z
Answers.LastActivityDate: 2020-11-06T06:11:48.597Z
Answers.UserDisplayName: Solspace
Answers.Body: <p>Im running into the same issue. In my case they are completely different forms but both with "Enable AJAX" set to true. Could not find anything in the docs either.</p>
  
  <p>This is the error I am seeing. I think I have it narrowed down to the honey pot field not being unique per form. Removing the honey pot setting, fixes the issue.</p>
  
  <p><code>[DOM] Found 2 elements with non-unique id #freeform_form_handle:</code></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-01-28T02:32:37.023Z
Answers.LastActivityDate: 2020-01-28T02:42:03.877Z
Answers.LastEditDate: 2020-01-28T02:42:03.877Z
Answers.UserDisplayName: Franco Valdes
Body: <p>I have two Mailchimp subscribe forms on the same page – one in the sidebar and one in the footer. They are created as separate forms in the admin, albeit one a duplicate of the other, with different IDs on the forms and different IDs on the Mailchimp field. "Enable AJAX" is selected on both forms.</p>
  
  <p>When I submit the first form from the sidebar, it submits successfully but reloads the page (No AJAX). The second form works correctly, submitting via AJAX.</p>
  
  <p>Is this a known limitation of Freeform Pro or simply a matter of a duplicate ID or class that I'm missing somewhere? I'd like to have AJAX work on both.</p>
  
Tags: <plugin-freeform><solspace>
Title: Freeform AJAX submission not working when two forms are on same page
ThreadText: # Freeform AJAX submission not working when two forms are on same page
  
  (Asked by: username_0 on 2019-01-16)
  
  I have two Mailchimp subscribe forms on the same page – one in the sidebar and one in the footer. They are created as separate forms in the admin, albeit one a duplicate of the other, with different IDs on the forms and different IDs on the Mailchimp field. "Enable AJAX" is selected on both forms.
  
  When I submit the first form from the sidebar, it submits successfully but reloads the page (No AJAX). The second form works correctly, submitting via AJAX.
  
  Is this a known limitation of Freeform Pro or simply a matter of a duplicate ID or class that I'm missing somewhere? I'd like to have AJAX work on both.
  
  **Tags:** plugin-freeform, solspace
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2020-11-06. Score: 1
  
  You certainly can have more than 1 Freeform form loaded in the same page without issue. However, in some cases you may run into issues when doing so, such as AJAX not working correctly or some special fields not loading correctly. But it can be easily corrected by following these best practices:
  
  * Be sure to specify the [id](https://docs.username_1.com/craft/freeform/v3/template-functions/freeform.form.html#param-id) parameter for the *freeform.form* template functions in your template with unique values.
  * Be sure to use the [fieldIdPrefix](https://docs.username_1.com/craft/freeform/v3/template-functions/freeform.form.html#param-fieldidprefix) parameter for the *freeform.form* template functions in your template with unique values. This will automatically insert unique prefix values to field ID's rendered with field.render so you don't have to manually do this.
  
  
  ---
  
  ### Answer by username_2 on 2020-01-28. Score: 1
  
  Im running into the same issue. In my case they are completely different forms but both with "Enable AJAX" set to true. Could not find anything in the docs either.
  
  This is the error I am seeing. I think I have it narrowed down to the honey pot field not being unique per form. Removing the honey pot setting, fixes the issue.
  
  `[DOM] Found 2 elements with non-unique id #freeform_form_handle:`
  
  
  ---
  
  