How to Enable reCAPTCHA and Invisible reCAPTCHA on your Site

Tutorial

To enable reCAPTCHA on your site, first it is necessary to register an account with the reCAPTCHA service, and then connect to your MemberGate site.

Follow the steps in each tab below which take you through the full process to protecting you site with reCAPTCHA

Register reCAPTCHA

Follow the steps below to register your MemberGate website for reCAPTCHA

  1. Login to your reCAPTCHA account at

    https://www.google.com/recaptcha/admin

  2. If you have never registered for one previously the form will be shown on the screen to fill out.

    If you have registered prior domains, click on the button in the top nav to register a new site

  3. Enter the information into the form as seen below

    Label: Your Site Name
    reCAPTCHA Type: Click - reCAPTCHA v2
    reCAPTCHA Type: Click - Invisible reCAPTCHA badge
    Domains: yoursitename.com

Retrieve the API Keys to Connect your Site to reCAPTCHA

Click on the link below "Your reCAPTCHA Sites" that corresponds to your MemberGate Site

Expand the "Keys" option in the section "Adding reCAPTCHA to your site" to copy the site key and secret key

Connect to MemberGate

The reCAPTCHA settings can be setup and managed under API Service Settings reCAPTCHA

Paste the Site Key into the box for the 'Site Key'

Paste the 'Secret Key' into the box for the 'Secret Key'

Enable reCAPTCHA on Your Site

In the 'Enable' field, choose 'Enabled' from the drop down menu.

Automatically Add reCAPTCHA to all Forms on Your Site

In the 'Add reCAPTCHA to All Forms' field, choose 'Yes' from the drop down menu

Click on Save reCAPTCHA Settings.

Enable Invisible reCAPTCHA

Invisible reCAPTCHA can determine if the user is a real live person or a bot. The human will be able to process the form without manually clicking that they are human, but a bot will be show a challenge.

In the 'Use Invisible reCAPTCHA' field select 'Yes' from the drop down menu

Custom Forms

reCAPTCHA will not automatically be added to custom forms and a line of code will have to be added to the form in order to activate the reCAPTCHA protection.

Instructions

Add this line of code inside of the form code.

<cf_mgcaptcha page="form">

Form Code Example

With the reCAPTCHA cf tag within the form code, an example of a simple form would look like this:

<form method="POST" action="/public/Thank-you.cfm">
<input type="hidden" name="subject" value="This is the Subject" /> 
<input type="hidden" name="sendto" value="[email protected]" /> 
<cf_mgcaptcha page="form">
<h2 style="padding-top: 20px;">My Custom Form</h2>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<label for="from">Email Address</label> <input type="email" id="from" name="from" placeholder="Your Email Address" required="no" />
</div>
</div>
</div>
<input class="btn btn-primary" type="submit" value="Send" /> 
</form>

Form Example

My Form