• Resolved mrretail

    (@mrretail)


    Hi, I cannot get reCAPTCHA to work on my form. I have set the API keys in settings and all looks good there, but when I add a reCAPTCHA field to my form and select which key I want to use, it simply doesn’t show at all on the form page.

    If I try to submit the form, it comes back with an error saying reCAPTCHA validation failed, so it must be there somewhere, waiting for the user to click the box; but I can’t see it on any device I use. No, I am not using invisible reCAPTCHA.

    Regards, Bryan

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @mrretail ,

    I’ve checked your form and it looks like the reCAPTCHA there is an invisible one. I can see it in the code (so it is added correctly) and I was able to submit the form without any errors.
    Can you check if you have the submission from wpmudevtest?

    kind regards,
    Kasia

    Thread Starter mrretail

    (@mrretail)

    Sorry, I had removed reCAPTCHA and just turned on Honeypot instead, as I needed the form to work, because we have a business to run.

    I will turn it back on, so you can check again.

    Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @mrretail,

    The error in console “Uncaught Error: No reCAPTCHA clients exist.” usually means that the API key is incorrect or that the scripts are not loaded in proper order.

    Can you double check that you don’t have any typos in your reCaptcha settings, like empty spaces before or after keys?

    If that doesn’t help, can you try disabling Autoptimize and see if it works when the files are not optimized?

    Cheers,
    Predrag

    pro-tip; you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to the URL.

    if the problem is not there at that point, some autoptimize (re-)configuration might be needed to fix this. there are troubleshooting tips and info on how to exclude in the AO FAQ.

    hope this helps debugging,
    frank (ao dev)

    Thread Starter mrretail

    (@mrretail)

    Hi guys,
    I had already done troubleshooting by deactivating all other plugins to see if there is a conflict. I even turned off all settings before deleting Autoptimize and WP Cerber, as these two appeared to be the most likely culprits. It made no difference, so I put them back. I will uninstall those 2 again, while you check further.

    As for the API keys, they have been copy and pasted from Google ReCAPTCHA, so I have not entered manually and thus made any errors. Forminator’s own preview shows them as working with no errors under the settings tab. I have just removed the v3 API and only left v2, in case that helps somehow.

    Thread Starter mrretail

    (@mrretail)

    By the way, is there a way of passing ALL the details captured in this registration form across to WooCommerce and WordPress user info?

    When I did get the form to work, by turning off reCAPTCHA, only the user name and email address was registered as a WordPress user but they then had to enter everything again, when they got to checkout and the Woocommerce billing and shipping fields.

    I was hoping those fields would’ve been pre-filled from what they entered when they registered.

    Hope that makes sense.
    Cheers, Bryan

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @mrretail

    Hope you are doing well.

    You can map the fields to the woocommerce data.

    Edit your registration form > User Registration > Add Custom meta.

    Enter the woocommerce fields and map to your form fields.

    https://monosnap.com/file/ySYe0zBhaPMDOV57Bqjtc93AVmdkXu

    You can use the Right Click > Inspect to field the correct value for each field.

    https://monosnap.com/file/VV9drbUbutpBsCpXdheYlQUmbLQWTV

    However, since it is a different subject from the reCAPTCHA, if anything goes wrong could you please create a new ticket, and we can take a closer look?

    I also tested the reCAPTCHA on my end and had no issues.

    Kindly keep us updated about the troubleshooting on your form and the result you got.

    Best Regards
    Patrick Freitas

    Thread Starter mrretail

    (@mrretail)

    @wpmudevsupport12
    Hi Patrick, I do not understand how to set the custom meta to pre-fill WooCommerce fields, is there a link to instructions? That image link you provided does’t explain anything.

    What do you mean you tested the reCAPTCHA, with no issues? I cannot get the reCAPTCHA field to show on any device I visit the page with. Please try filling in the form and see if it puts up an error when you try to submit.

    When Kasia @wpmudev-support2 tried, I had turned off reCAPTCHA and turned on Honeypot instead, just so the page would work. I now have Honeypot turned off and just reCAPTCHA on, so you can test properly.
    Regards, Bryan

    Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @mrretail,

    I’m afraid that there are no step by step instructions for this.

    You will first need to edit your registration form.
    Go to User Registration tab.
    In there click on “Add Custom User Meta” to enable custom data.
    That’s the first screenshot that Patrick shared.

    Now, for Label use the label of your field from WooCommerce, screenshot #2 shows how to get that by inspecting the element.

    And for value use the plus sign to add value from the registration form that will pass the data to “label” that you have set.

    Cheers,
    Predrag

    Thread Starter mrretail

    (@mrretail)

    Thanks Predrag @wpmudev-support1 but I had since figured that out. I am yet to see if it works though, as now I am having PayPal issues which I have taken up with them.

    My reCAPTCHA is still not showing on the page though.

    Cheers, Bryan

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @mrretail ,

    Sorry to hear the reCAPTCHA is still not showing up. It seems like the Forminator is currently deactivated on your page, I could only notice the shortcode being listed:
    [forminator_form id="30996"]

    Are you able to replicate the same issue on any other install? Also, since I only see you mention about running a plugin conflict. Did you try switching to a default theme like Twenty Twenty to see whether it brings any different?

    Just trying to rule out all aspects, so that it might help is moving in the right direction. Please do let us know if you find any progress.

    Looking forward to your response. Have a nice day ahead.

    Kind Regards,
    Nithin

    Thread Starter mrretail

    (@mrretail)

    Hi Nthin @wpmudevsupport11
    Yes, I had turned it off. I’m guessing you are in a different time zone to me, which is why your replies are taking days to get back to me, but this is a live site and I can’t afford to have a broken form sitting there.

    Yes, the form works when I switch to the Twenty Twenty theme, so it looks like Forminator is not compatible with Divi, which is not only a shame but very surprising, considering Divi is so huge these days.

    Let me know if you ever become compatible with Divi and I will start using Forminator again, as it has exactly the features I need.

    All the best, Bryan

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @mrretail

    I appreciate the cooperation here. ?? I was able to locate a report around reCaptcha and Divi theme indeed, which is going to be fixed in an upcoming update.

    Warm regards,
    Dimitris

    Thread Starter mrretail

    (@mrretail)

    That’s great news Dimitris @wpmudev-support6
    I will keep an eye out for the update.

    All the best, Bryan

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘reCAPTCHA not showing at all’ is closed to new replies.