Currently, Strattic supports Google reCAPTCHA's v.2 checkbox, but will be rolling out support for the invisible v.3 validation soon.


Here's what you need to do to get reCAPTCHA set up for your Contact Form 7 forms.

Create a v2 checkbox set of keys

Go to the reCAPTCHA admin here. Add your site's name, select the options for reCAPTCHA v2, and select the option for the "I'm not a robot" checkbox. Fill in the sites you want these keys to be used on. If you want to use the same keys across all versions of your site, make sure you add all relevant URLs of your site such as:
WordPress site: example.site.strattic.io

Preview site: example.preview.strattic.io

Live site: example.live.strattic.io or example.com (if you've connected your custom domain)

Double check that your email is correct, accept the reCAPTCHA Terms of Service and click the blue "Submit" button.

You'll be automatically be taken to the page with your reCAPTCHA keys. Make sure you keep that page open or copy the keys for the next setup step.

One thing to note: you can also set up different keys for your Live, Preview, and WordPress site, if you'd like to have more insight by siloing the sites with different keys.

Add keys to your site

In your WordPress admin, go to the left menu item Strattic > Settings and click on the Forms tab (or you can go directly to .../wp-admin/admin.php?page=strattic-settings&tab=forms )

Once on the Forms tab, you should see the table inputs to add your keys. Add your "site key" to the site key input and your "secret key" to the secret key input.

Once they're entered, click the blue "Save Changes" button.

Add the reCAPTCHA element to your forms

For each Contact Form 7 form that you'd like to add reCAPTCHA to, add this element before the form submit button:

<div class="stratticRecaptcha"></div>

It should look something like this in your form:

This adds in the necessary div element for reCAPTCHA to be inserted.

Once you have these in place, you should be able to see the reCAPTCHA show up on your form:

To update the form on your live or preview sites, make sure you publish the form to those environments using a Full Publish and check that it's working properly.

Your form submissions should now be better protected from spam. 🎉

If you have any questions, please don't hesitate to reach out.

Did this answer your question?