reCAPTCHA and Page Reload issue

  • Resolved klous-1

    (@klous-1)


    4 years, 8 months ago

    Hello,

    When using the form with google reCAPTCHA, if the user has not permitted cookies before sending the form, reCAPTCHA obviously does not work.

    In these cases (or if reCAPTCHA simply fails), the page containing the contact form is reloaded, taking the user to the top of the page.

    If the form is some way down the page, or as in our case behind a toggle switch, it is not very clear to the user that the form has or has not sent (unless the user scrolls down to check the error messages).

    Is there any way to improve this behaviour so the form maintains focus, as it does with the other error messages (like missing required fields)?

    Thanks.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Will Derichsweiler

    (@williamdersh)

    4 years, 8 months ago

    Hey @klous-1,

    Thanks for writing in!

    I took a look at the issue with your contact form and noticed that the “Cookies” field in your contact form was created using a third-party plugin, Complianz – GDPR/CCPA Cookie Consent.

    The next best step would be to reach out to the support team over at Complianz – GDPR/CCPA Cookie Consent to let them know about the issue.

    They’ll be better equipped to narrow down the specific cause of this issue.

    Thanks!

    Thread Starter klous-1

    (@klous-1)

    4 years, 7 months ago

    Thanks Will,

    I wasn’t sure where the issue would lie! I’ll try the Complianz guys, thanks for checking that for me and writing.

    Best regards
    Klous-1

    Thread Starter klous-1

    (@klous-1)

    4 years, 5 months ago

    Hi Will,

    I have managed to fix the cookies issue with some help from Complianz. However, the behaviour of the form when reCAPTCHA fails remains an issue.

    So, if a user submits a form but reCAPTCHA fails, the page reloads and goes back to the top. There is an error message, but there is no way for a user to know the form didn’t send, unless they scroll all the way to the bottom of the page, and reopen the WPform contact form. At that point they can see the error message that states the form didn’t send, due to reCAPTCHA, please try again.

    Can this be altered so that the focus remains on the form and the error message is clear to see (as it does with other error messages)?

    Thanks,
    Nick

    Will Derichsweiler

    (@williamdersh)

    4 years, 4 months ago

    Hi @klous-1,

    I took another look at the form, however, I believe the issue is with the tab/accordion that the form is embedded in.

    It should be possible with custom code to have the tab/accordion the form is embedded in remain open and the for focus to remain on the reCAPTCHA error.

    However, I apologize as customizations like this are outside of our scope for support. In case you’d like to look into custom development options, we highly recommend using Codeable.

    Thanks!

    Thread Starter klous-1

    (@klous-1)

    4 years, 4 months ago

    Hi Will,

    Thanks for taking a look and testing the form.

    I’m not sure the issue is with the tabs as I’ve since created a newsletter sign-up form and this has the same issue. This sign-up form is not within a tabbed section, it is just in the footer of each page.

    The other errors work fine on the forms, maintaining focus correctly, both in the tabs and for the newsletter sign-up on the pages.

    It seems more like this “losing focus” is the default behaviour of the plugin with recaptcha and when it fails. Or do you know otherwise, maybe an example?

    Most of the time there are no issues with the recaptcha, but I’m worried we could miss/lose some customers when there are.`

    Regards,
    Nick

    Will Derichsweiler

    (@williamdersh)

    4 years, 4 months ago

    Hey @klous-1,

    I apologize for any confusion!

    I spoke with one of our developers and they advised that it should be possible to have the focus remain on reCAPTCHA upon a failure with custom code. They advised that once we initialize reCAPTCHA (hCaptcha too) we trigger the wpformsRecaptchaLoaded event. Then a listener could be added to this event to focus on the reCAPTCHA upon failure.

    However, as I mentioned, customization such as this is outside the support we can offer but in case it helps, I’ve included the link to Codeable again here.

    Codeable screens all developers for you to make sure that they’re highly skilled and communicative, and then also helps guide the entire process of connecting and communicating with a best-fit developer.

    I apologize again for the trouble here but I hope this helps!

    Thanks!

    Will Derichsweiler

    (@williamdersh)

    4 years, 4 months ago

    Hi @klous-1,

    We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

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

The topic ‘reCAPTCHA and Page Reload issue’ is closed to new replies.

Tags