How to setup Google ReCaptcha

Step 1

First, you will need to sign up for Google Recaptcha (https://www.google.com/recaptcha/).

Step 2

Select Recaptcha V2. Add the necessary domains your site will be accessed by into the fields provided.

Step 3

Take note (or keep the browser tab open) of both the Site Key and the Secret Key. You will need these for the next step.

Step 4

Login to Umbraco CMS > Go to the Content section > Expand Website Configuration > Click on Global Settings > Scroll to Form Settings > Paste your Site Key and Secret Key into the respective fields provided.

The pre-built Contact Form and Newsletter Form supplied with your Umbraco theme from uSkinned will now work with Google Recaptcha validation.

Bonus Step (Umbraco Forms)

If you plan on using Umbraco Forms then you will need to take this additional step to successfully set up Google Recaptcha for any Umbraco Form you create.

Open your website in a code editor such as Visual Studio Code. Locate the file ~/App_Plugins/UmbracoForms/UmbracoForms.config:

<setting key="RecaptchaPublicKey" value="sHZZenninFziVUV9TN24FqhwZvc2b4e8BLrG" />
<setting key="RecaptchaPrivateKey" value="sHZZenninFziVUV9TN24FqhwZvc2b4e8BLrG-" />

Enter the site keys you have already created and update the code above. 

 

#h5yr

Get started today

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Umbraco themes to deliver results.