reCaptcha Integration Appears to Break in Divi 4+

  • Resolved Erich

    (@erichboileau)


    5 years, 3 months ago

    For security reasons, I’m not able to share the link in question, but the Google reCaptcha v3 integration appears to break in the most recent versions of the Divi theme.

    Steps to reproduce
    1. Install CF7
    2. Set up Google reCaptcha v3 integration
    3. Install and active Divi theme.

    Symptoms of a problem:
    1. The reCaptcha ‘badge’ (https://i.stack.imgur.com/F8oS0.png) is gone.
    2. An uptick in spam in recent weeks indicates it’s either not working at all or working intermittently.

    At the end of March 2019, Divi added their own reCaptcha v3 integration to Divi contact forms. I suspect a conflict between the two systems is the cause.

    I’ve submitted a bug report to Elegant Themes as well. While I love working with Divi, I have about a 0% success rate with their support team over the years, so I’m hoping someone in the community has a good solution!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Welcome to Support Forum — Please Read Before Posting

    These articles may help:

    @takayukister for some reason, even my contact form 7 stopped working. Even the captcha is not visible while filling the form, though it is activated.

    While submitting the form, it shows the message “There was an error trying to send your message, please try again later” but, when we check the backend, we are getting the message, but email is not delivered to the user who has submitted the form.

    So, ideally after submitting the information, the page should redirect to the projected landing page as per the setting, but it is not redirecting. It was working fine till the day before yesterday, but it stopped today.

    For your reference you can check out the form on this website Self Directed Retirement Plans LLC in the Learning Zone.

    @arjunsinhchandravat – see I have the same problem! Can I just reply to someone else’s post with “Me too”?.

    If you are willing to create a new question, which details your issues, somebody will likely be able to help you there.

    Thread Starter Erich

    (@erichboileau)

    @takayukister Thank you so much for your fast reply and for creating/maintaining such an awesome plugin!

    I’ve reviewed the articles you sent over, including the reCaptcha FAQ, but I think the problem is more specific to Divi’s most recent version.

    When using a different theme, the reCaptcha ‘badge’ (https://i.stack.imgur.com/F8oS0.png) appears as expected. Only when the most recent versions of Divi 4 are activated does the problem occur.

    I think it has to do with the fact that Divi is trying to use reCaptcha v3 as well, and the two are conflicting in some way that’s difficult for me to understand.

    Thanks!

    Also, if there’s an email, I’d be willing to share the link to the site–I just am not able to share it publicly on this forum.

    • This reply was modified 5 years, 3 months ago by Erich. Reason: avoid adding two replies in a row

    Hi Erich. Have you received any answer from Divi support ? Have you a link to your topic on Divi support, I would like to follow it ? I’ve the same problem on all the websites i’ve created, probably caused by a conflict between 2 javascript loaded by Divi and by Contact Form 7.
    Thanks a lot !
    Nathalie

    Thread Starter Erich

    (@erichboileau)

    @mirobolus ,

    Divi said they were able to recreate the bug and they’re working on it. It’s not 100% clear whether the recaptcha is working or not because recatpcha’s analytics are slim, and it doesn’t seem like cf7 uses an ‘action name’ which could be used to reliably verify those results.

    There’s no ET forum since I requested help via private chat. They didn’t provide an ETA for a fix, but suggested I add CSS:

    .grecaptcha-badge {
 visibility: visible !important;
}

    in order to force the badge to show.

    Thank you so much Erich ??
    I will continue to follow this issue and probably post a topic on ET forum.
    The CSS doesn’t fix the issue because the recaptcha badge doesn’t exist on source code.

    joinso

    (@joinso)

    For some customizations, this can be helpful:

    .grecaptcha-badge {
    visibility: visible !important;
    z-index:100 !important;
    }

    In some footers, the badge goes behind.

    Regards,
    Jordi
    JOINSO

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘reCaptcha Integration Appears to Break in Divi 4+’ is closed to new replies.