Add Google reCAPTCHA Spam Protection To Divi Contact Form

Block unwanted form submissions that spam your divi website.

The Divi Form Builder With Material Design plugin integrations Google reCAPTCHA v2 and v3 spam protection for your divi forms.

Bots, computer programs that work without human intervention, can flood websites with automated form submissions. CAPTCHA tries to solve that problem.

CAPTCHA

A CAPTCHA stands for Complete Automated Public Turing test to tell Computers and Humans Apart

A captcha is a challenge for a human to solve. As challenges are unpredictable, its difficult for a bot to solve them.

Google reCAPTCHA

In initial versions of captcha (including Google reCAPTCHA v1), the challenge was to reproduce the text and numbers on an image.

As the user had to type in the challenge response, it slowed them down. This friction lead to lower form conversions.

Google reCAPTCHA v2 and v3 solves this issue, by getting ride of this friction.

How Google’s reCAPTCHA (v2 & v3) Work

  • reCAPTCHA v2 can add a checkbox on a page. Users need to tick the checkbox.
  • reCAPTCHA v2 can also work without any checkbox. reCAPTCHA v3 works this way by default.
  • Google presents extra captcha challenge, if it feels the need to do so.
  • On form submission, the captcha challenge response is either accept or rejected based on Google’s internal metrics.
  • Form submission is valid if Google accepts the challenge response.
  • Form submission is invalid if Google rejects the challenge response.

In this article we’ll show you how to create a reCAPTCHA website profile on Google and how to integrate it with your Divi forms.

Pre-requisites

  1. A WordPress website
  2. Divi Theme by Elegant Themes
  3. Divi Form Builder With Material Design plugin

Tools

  1. Computer

Total Duration : 7 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 1 - Add reCAPTCHA v2 "SITE KEY" and "SECRET KEY" to WordPress

  1. You'll receive a SITE KEY and SECRET KEY on profile registration.
  2. To save SITE KEY in WordPress
    • Copy the SITE KEY
    • Visit WordPress Admin > Divi Forms > Settings
    • Paste key in Google reCAPTCHA v2 section's Site Key field
  3. To save SECRET KEY in WordPress
    • Copy the SECRET KEY
    • Visit WordPress Admin > Divi Forms > Settings
    • Paste key in Google reCAPTCHA v2 section's Site Secret field
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 2 - Create Google reCAPTCHA v3 Profile

  1. Enter a Label for your profile
  2. In reCAPTCHA Type select reCAPTCHA v3 radio field.
  3. Add one or more domain name in the Domains field
  4. Tick the Accept the reCAPTCHA Terms of Service once read.
  5. Tick/untick Send alerts to owners based on your needs.
  6. Click on the SUBMIT button.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 3 - Add Google reCAPTCHA v3 "SITE KEY" and "SECRET KEY" to WordPress

  1. You'll receive a SITE KEY and SECRET KEY on profile registration.
  2. To save SITE KEY in WordPress
    • Copy the SITE KEY
    • Visit WordPress Admin > Divi Forms > Settings
    • Paste key in Google reCAPTCHA v3 section's Site Key field
  3. To save SECRET KEY in WordPress
    • Copy the SECRET KEY
    • Visit WordPress Admin > Divi Forms > Settings
    • Paste key in Google reCAPTCHA v3 section's Site Secret field
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - Enable Form On Divi Section

  1. This step is a prerequisite.

  2. Enable form on a divi section. To do so,

    • Edit a page in divi's visual builder.
    • Hover over a divi section and click the cog icon to bring up the Section Settings
    • On the Content tab click on the Form section toggle
    • Set the Enable Form toggle switch to ON.
    • Give the form an unique name via the Form Name setting
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 5 - Enable Spam Protection On A Form

  1. Now that spam protection keys are setup, you can use reCAPTCHA spam on your divi form.

  2. To setup spam protection,

    • Open section settings in the visual builder.
    • In the Content tab, expand the Spam Protection section toggle
    • In the Service Provider drop down, select one of the following
      • Google reCAPTCHA v2 - Uses reCAPTCHA v2.
      • Google reCAPTCHA v3 - Uses reCAPTCHA v3.
        • Set the Minimum Score Threshold to an appropriate value of choice.
          • For every form submission, reCAPTCHA v3 returns a score between 0 and 1.
          • 1 is a highly probability of a good interaction.
          • 0 is high probably of a bot submission.
          • With this setting you can choose the minimum score for a good interaction.
    • Set the Error Message field text if you wish to set a custom error message.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.