WPForms Page Reload Issue // reCAPTCHA

  • Resolved klous-1

    (@klous-1)


    3 years, 11 months ago

    Hello,

    When sending a WPForm, where cookies are blocked (i.e. functional only), if someone sends the form without first allowing cookies the page RELOADS without sending the form. Whilst not sending the form is correct, the user must scroll down to see the error message and to have any idea that it has not sent.

    Typical behaviour, for a required field left blank is to simply show the error message but stay in place on the form/page.

    In my case, the form is also behind a jQuery show/hide click/toggle so it’s even less obvious that the form has not sent.

    (We are looking to change over to WPForms, following the issues with CF7 and reCAPTCHA).

    • This topic was modified 3 years, 11 months ago by klous-1.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Aert Hulsebos

    (@aahulsebos)

    Hi @klous-1,

    Could you disable the contactform7 integration and make sure reCaptcha is not added by both forms.

    You could choose to hide the button until cookies are accepted, but I except a reCaptcha error is shown my WP Forms when the form can’t be submitted?

    regards Aert

    Thread Starter klous-1

    (@klous-1)

    Hi Aert,

    Thanks for a quick response.

    That is disabled on CF7 now. The behaviour remains.

    I will see what I can do about hiding the button in a nice way. I’m not really keen on the small link text to allow cookies in the form, so perhaps this will solve both issues. Just means a bit of work to do….

    Klous

    Plugin Author Aert Hulsebos

    (@aahulsebos)

    Hi @klous-1,

    If you can let me know how you would like to accept cookies before reCaptcha can load, maybe I can think of an integration,

    regards Aert

    Thread Starter klous-1

    (@klous-1)

    Hi Aert,

    I think if there was a button, or a banner, that would be good. Ideally, this is replaced with a “Cookies Accepted” banner once clicked (or maybe hidden entirely if already accepted).

    Not quite so easy if using WPForms Lite, as that doesn’t allow HTML blocks. However, I’m playing around with a button within the description of the previous field’s description (on the same test page link above).

    Better yet, the reload behaviour is fixed, but perhaps that is down to WPForms?

    Thanks,
    Klous

    Plugin Author Aert Hulsebos

    (@aahulsebos)

    Hi @klous-1,

    You can try this; https://s-qtrrdwbkhwbfl.eu1.wpsandbox.org/.

    Use the body class .cmplz-status-marketing to show a new div class, display:none by default.

    regards Aert

    For speed I used:

    .forms-enabled {
	display:none;
}
.cmplz-status-marketing .forms-enabled {
	display:block!important;
}
    <div class="cmplz-blocked-content-notice cmplz-accept-cookies cmplz-wpforms" 
style="text-align: left; cursor: pointer;">
Click here to accept reCaptcha cookies before sending the form.
</div>
<div class="forms-enabled" 
style="text-align: left; cursor: pointer;">
reCaptcha cookies are enabled. You can now send the contact form.
</div>
    Thread Starter klous-1

    (@klous-1)

    Thanks Aert,

    Nice of you to help and that works well. I did something a little different (basically a button and having to amend the parent form DIV so it would be hidden if cookies were already accepted).

    I’ll speak to WPForms on the reload issue if not accepted.

    Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WPForms Page Reload Issue // reCAPTCHA’ is closed to new replies.

Tags