2 forms not working on the same page

  • Hi, I’m using SendinBlue forms on my website and when I add two or more SendinBlue forms on the same page then either only the first form on the page works or none of them work at all.

    SendinBlue’s support says that it’s because of some theme conflicts. I doubt it though and I think it’s because SendinBlue forms use the same classes and if I try to submit the second, third, etc. form on the same page then it’s not working because it checks only the first form’s info and the first form’s fields are blank. You can check out this issue on my test pages.

    There are two buttons on the page https://serhiishevchenko.com/gp-2-sib-forms-test with two forms and none of them work.

    However, if you go to this page https://serhiishevchenko.com/elementor-test-page-1/ then the second form works ntil you need to submit it and it doesn’t want to submit because of the conflict with the first form. If you try to submit the second form and then close it and open the first form you’ll see an error about blank fields.

    And if you go to my other page like Free PDF Guide page and try to submit the form then it works because there is only one form on that page (the second one is in iframe but I want to avoid using iframe).

    So, I want to make sure I’m right and that’s why I want to ask you to help me and tell me if this is really because of the theme and maybe then you can help me fix this issue or is this issue on the SendinBlue’s side? I would really appreciate your help! Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    its not a Theme related issue, the theme has no knowledge of the Forms, and it has no code that interferes with form submissions or other related scripts. So i cannot see what the theme does to cause that.

    If of course SendInBlue have some evidence of what the theme is doing to cause this then we would be happy to look closer. But personally i would go with your gut as having multiple forms on the same page is the most obvious reason for this issue.

    Thread Starter serhiishevchenko

    (@serhiishevchenko)

    Hi,
    Thanks a lot for a quick answer. Also in my first message I forgot to thank you for all the work you’re doing with your theme. So thanks a lot!

    Well, they said that theme’s CSS somehow can interfear with forms and that’s why forms can have some issues.
    So, if you’re saying that this issue is probably on their end too then thanks for yor help!
    Have a great day!

    I had another look, and there is no CSS issues which would stop the button from being clickable. And that would only happen if for example the button had pointer-events: none; set on it, or a hidden element was overlaying it. And this is not the case here.

    On Click i DO see an analytics clarity.js script firing – so the button click is being captured by the browser.

    What i DO NOT see is any errors in the console or any network request being made when I click the button. So whatever script the form requires to perform the submit is not firing.
    I do see that the form adds scripts inline with its HTML and at least one of those scripts is cached by Litespeed.

    If a single form works on the page then is most likely a multiple form issue. But it may also be worth disabling Litespeed caching and testing, just in case its scrambled a script.

    Hope that helps – and thank you for the great feedback

    • This reply was modified 2 years, 5 months ago by David.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘2 forms not working on the same page’ is closed to new replies.