Multiple forms on same page – Uncaught (in promise) Error: reCAPTCHA has already

  • Resolved drbiskit

    (@richt99)


    2 years, 5 months ago

    Hi –

    I have 2 SIB forms in use on my site using this plugin. They are both using reCaptcha, and as a result I am getting the following error in the console:

    Uncaught (in promise) Error: reCAPTCHA has already been rendered in this element

    On the example page provided – One form is in the sidebar, the other in the footer – same content, but different forms with unique IDs.

    Is there a suggested solution for this issue please?

    Thanks.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Dulé

    (@lephenixdelafamille)

    @richt99

    The problem is that you have two forms using ReCaptcha on your page, which creates a conflict.
    There are two non-ideal solutions to solve this problem:
    1) You host the newsletter form on a different page of your WordPress, avoiding the conflict.
    2) Or you can create a form in Sendinblue, and embed it with the Iframe format. this format won’t conflict with the ReCaptcha as Iframe is a page within a page.

    I pinged our tech team to properly address the issue with future updates.

    Thread Starter drbiskit

    (@richt99)

    Hi – Thanks for responding. Neither of these solutions are ideal as you have said.

    What SIB devs should do is to just give the container div of the Recaptcha element in each form a unique ID (e.g. it could just be based on the ID number or name of the form), and amend the following line accordingly:

    var recaptchas = document.querySelectorAll('div[id=sib_captcha]');

    This wouldn’t have any negative effect to the amount of code being used, and it should be very simple to implement.

    Hi, just here to report exactly the same issue.

    Not only can there be multiple Sendinblue forms with reCAPTCHA on a page, but there may also be Contact Form 7 forms on the page, which has official Sendinblue integration and also includes reCAPTCHA (so a third instance of reCAPTCHA snippet on the page).

    Please pass this information to your tech team to fix. Your plugin should definitely support this.

    Plugin Support Dulé

    (@lephenixdelafamille)

    hey @alecrust and @richt99 thanks for your feedback. Our tech team is on it in the current sprint.

    I assume this issue breaks reCAPTCHA too.

    Since moving from Contact Form 7 forms (with official Sendinblue integration, and reCAPTCHA v3 enabled) to Sendinblue WordPress forms (with reCAPTCHA v3 enabled) I get spam sign ups added to my contacts.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Multiple forms on same page – Uncaught (in promise) Error: reCAPTCHA has already’ is closed to new replies.