reCAPTCHA on Forms

Learn how to use Google's reCAPTCHA to help prevent spam clicks on forms on your site.

1. Enable reCAPTCHA (for older Respond sites)

For sites created using the default themes after the 6.04 update, you can skip this step. For older sites, you need to add the following settings to your site. This requires access to the code, so it can only be done by your application administrator. To update settings, open the file at resources/sites/site-name/settings.json. Add the following settings and then validate the JSON file using JSON Lint. This adds the reCAPTCHA site key and secret key as settings for your site.

{
    "id": "reCAPTCHA-site-key",
    "label": "reCAPTCHA Site Key",
    "description": "The site key provided at google.com/recaptcha",
    "type": "text",
    "value": "your-site-key"
},
{
    "id": "reCAPTCHA-secret-key",
    "label": "reCAPTCHA Secret Key",
    "description": "The secret key provided at google.com/recaptcha",
    "type": "text",
    "value": "your-secret-key"
},
      

Next, you have to navigate to the developer settings for your site by going adding the developer route (e.g. https://myapp.com/developer) to the URL bar. Then click, "Update Plugins". This will grab the latest plugins from the theme.

2. Add your reCAPTCHA credentials.

Navigate to settings and add your reCAPTCHA site key and secret key. You get these keys by signing up at Google's reCAPTCHA site. If you don't see these keys in settings, see step #1.

3. Enable reCAPTCHA

To enable reCAPTCHA for a form, navigate to forms and click the overflow icon (three vertical dots) in the top right. Then, click "Edit Form".

Then, simply change "Validate with reCAPTCHA" to "Yes" and click the "Update" button. When you refresh your page, you should see reCAPTCHA option.