# Two forms on one Wordpress page

**URL:** <https://community.brevo.com/t/two-forms-on-one-wordpress-page/337>\
**Category:** Forms\
**Created:** [Décembre 11, 2023, 5:39 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337 "2023-12-11T17:39:44Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Décembre 11, 2023, 5:39 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/1 "2023-12-11T17:39:44Z")

</div>

Hi,

I want two use two different Brevo forms via html embed on one Wordpress page.

When I fill in the 2nd form and try to submit, the first form gives an error for required emailaddress.

It’s about the page www.de-vernieuwers.nl

---

<div class="post-metadata">

**Author:** ![ahudavert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/ahudavert/32/14_2.png) [@ahudavert](https://community.brevo.com/u/ahudavert)\
**Post date:** [Décembre 12, 2023, 8:24 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/2 "2023-12-12T08:24:14Z")

</div>

Hi @Sebastiaan ,

Indeed, I tried as well, and it did not work. I am afraid it does not work because the javascript calls the same scripts and checks the same form fields. Let me check this internally

---

<div class="post-metadata">

**Author:** ![ahudavert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/ahudavert/32/14_2.png) [@ahudavert](https://community.brevo.com/u/ahudavert)\
**Post date:** [Décembre 12, 2023, 9:18 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/3 "2023-12-12T09:18:00Z")

</div>

I confirm, unfortunately this is not working for the moment. We are investigating this.  
I’m adding @Mohit in the loop, so that he can follow this topic as well.

---

<div class="post-metadata">

**Author:** ![Mohit](https://avatars.discourse-cdn.com/v4/letter/m/c68b51/32.png) [@Mohit](https://community.brevo.com/u/Mohit)\
**Post date:** [Décembre 12, 2023, 9:34 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/4 "2023-12-12T09:34:43Z")

</div>

@Sebastiaan you can consider using the iframe embed option, which should function for multiple forms on the same page. Meanwhile, we’ll make an improvement to support two HTML-based forms on the same page.

---

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Février 9, 2024, 2:40 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/5 "2024-02-09T14:40:10Z")

</div>

Is there already an update about using two forms on one page?

---

<div class="post-metadata">

**Author:** ![tj\_bws](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/tj_bws/32/384_2.png) [@tj\_bws](https://community.brevo.com/u/tj_bws)\
**Post date:** [Mars 4, 2024, 10:53 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/6 "2024-03-04T22:53:31Z")

</div>

I have it working on my site. I changed the button from:

```auto
<input type="submit" class="sib-default-btn" value="Subscribe">

```

to:

```auto
<button style="border: none;color: #ffffff;background-color: #074973" type="submit" class="elementor-button elementor-size-xs" id="signup1">SIGN UP</button>

```

The key part is putting **unique id names in each form**. I show my styling here for demo purposes only…it is not required in your form.

Another note – this was created with the WP plugin. I didn’t use the [brevo.com](http://brevo.com) form, which may work differently.

Hope this helps!  
TJ

---

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Mars 6, 2024, 3:56 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/7 "2024-03-06T15:56:02Z")

</div>

I don’t understand how to add the id names. They need to correspond with something in Brevo I presume.

---

<div class="post-metadata">

**Author:** ![tj\_bws](https://dub1.discourse-cdn.com/flex013/user_avatar/community.brevo.com/tj_bws/32/384_2.png) [@tj\_bws](https://community.brevo.com/u/tj_bws)\
**Post date:** [Mars 6, 2024, 7:57 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/8 "2024-03-06T19:57:19Z")

</div>

Short answer is that you can use any name as long as each id is unique within each form on the page. I used id=«&nbsp;signup1&nbsp;» on my first form, and id=«&nbsp;signup2&nbsp;» on the second. In forms, the id signals that the specific button is tied to the data in that form.

You can Google «&nbsp;HTML id Attribute&nbsp;» for the official specifics. There are a lot of other suggestions and examples that may help you see how to apply this in your use case.

Cheers!

---

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Juillet 1, 2024, 11:18 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/9 "2024-07-01T11:18:50Z")

</div>

> [@tj\_bws](#):
>
> `input type="submit"`

I tried it, but it didn’t work.

This was the new code for form 1:  
\<button class=«&nbsp;sib-form-block\_\_button sib-form-block\_\_button-with-loader&nbsp;» style=«&nbsp;font-size:16px; text-align:center; font-family:«&nbsp;Comic Sans MS&nbsp;», sans-serif; color:#FFFFFF; background-color:#ca7239; border-radius:2px; border-width:0px;&nbsp;» form=«&nbsp;sib-form&nbsp;» type=«&nbsp;submit&nbsp;» id=«&nbsp;nieuwsbrief&nbsp;»\>

And the second was an exact copy of the whole form, but with id «&nbsp;nieuwsbrief-footer&nbsp;».

---

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Juillet 1, 2024, 11:19 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/10 "2024-07-01T11:19:36Z")

</div>

Is there any progress for two HTML-based forms?

---

<div class="post-metadata">

**Author:** ![Sebastiaan](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Sebastiaan](https://community.brevo.com/u/Sebastiaan)\
**Post date:** [Juillet 1, 2024, 11:27 UTC](https://community.brevo.com/t/two-forms-on-one-wordpress-page/337/11 "2024-07-01T11:27:28Z")

</div>

And I tried it with:

\<input class="input " type=«&nbsp;text&nbsp;» id=«&nbsp;EMAIL&nbsp;» name=«&nbsp;EMAIL&nbsp;» autocomplete=«&nbsp;off&nbsp;» placeholder=«&nbsp;Email&nbsp;» data-required=«&nbsp;true&nbsp;» required / id=«&nbsp;nieuwsbrief-main&nbsp;»\>

```
    <input type="text" name="email_address_check" value="" class="input--hidden" id="nieuwsbrief-main">
    <input type="hidden" name="locale" value="en" id="nieuwsbrief-main">

```

But their are three INPUT fields in one form. And other forms have even more. And the INPUT field for a form line (like email address) already had an ID.