reCaptcha Quick Setup

Lets check how to simple setup reCaptcha with base settings.

WCP Contact Form :: Settings :: Form Tab :: CAPTCHA Field Type :: reCaptcha

To create reCaptcha you need:

  1. Go to the plugin settings: “Contact Form” > “Settings” > “reCaptcha” tab > “General Settings” section, add reCAPTCHA key/secret key pair in the corresponding fields of this section and save plugin settings.
    WCP Contact Form :: Settings :: Form Tab :: reCAPTCHA :: General Settings
    NB! reCaptcha is a third-party library that provided by Google. We don’t have any relationship to this library and just allow to integrate it inside our plugin as it is. You can get reCAPTCHA key/secret key on the official reCaptcha site for free. More information about reCapctha can be found in the Google Development Documentation.

    In case, if you leave these fields empty or add invalid values following message will be displayed on the site frontend:
    WCP Contact Form :: Settings :: Form Tab :: CAPTCHA Field Type :: reCaptcha :: No/Invalid Key Pair

  2. Go to the plugin settings: “Contact Form” > “Settings” > “Form” tab > “Fields Settings” section and use following options (based on numbers on the image below):

WCP Contact Form :: Settings :: Form Tab :: CAPTCHA Field Type :: reCaptcha Settings

  1. Choose “Captcha” field type;
  2. Set some field name as technical name for internal usage (“reCaptcha” on the example image);
  3. Set “Visibility” checkbox as checked;
  4. Set “Required” checkbox as checked;
  5. Set “Export to CSV” checkbox as unchecked;
  6. Press on button with “gear” to open additional field settings;
  7. Set captcha subtype to “reCaptcha” in the “Captcha Type” drop-down field;
  8. Set some text value for display label into “Display Label” field (“Help us to prevent spam by ticking the box below:” on the on the example image).This text will be displayed above the field on the site frontend;
  9. Set some text value for text note below the field into “Description” field (“Please confirm you’re not a robot!” on the on the example image).
NB! Please note, that “Display Label” and “Description” fields are optional and you can leave them empty.

After these steps you need to save form settings and check the result on the site frontend.

NB! In case, if after these steps reCaptcha is still not displayed on the site frontend it is possible that your theme has some extensions (like Google Maps) or you use some plugins that also have connection to the Google API. For properly work of reCaptcha, connection to Google API must be only one time per page. Our plugin has option that allows to enqueue scripts and styles only for the pages with contact form (“Contact Form” > “Settings” > “Form” tab > “Other Settings” section > “Footer Scripts” option) that enabled by default. Please check, if you are able to make enqueue scripts ( from your theme or thirs-party plugins) that related to Google API connections only on pages where these scripts are necessary.

Please, leave a feedback about the page. Was this article helpful?

3 0