How to Protect A Landing Page with Google ReCaptcha in jInbound

Your jInbound landing page has two areas. One area - to enter the page content. Another area - a form, to collect some basic data from the landing page viewer and convert them to a lead.

Forms in jInbound can be protected with one of the two Captchas built into Joomla core. Here is a screenshot that was taken with the jInbound form protected by the "Captcha - Invisible reCAPTCHA":

final result

Here is how to set it up:

  1. Submit your site with Google Recaptcha and get your Site Key and Secret Key 
  2. Create the "captcha" field in jInbound
  3. Add this field to the form of your jInbound landing page
  4. Enable a ReCaptcha plugin of your choice in Joomla. For my demonstration, I choose to enable the "Captcha - Invisible reCAPTCHA". 

Let's take a look at how to protect your jInbound landing page with Google Invisible ReCaptcha.

Step #1. Generate your Site Key and Secret Key with Google Recaptcha

  • See Step #1 of this tutorial on how to register your Joomla site with Google Recaptcha free service and generate your Site and Secret Keys. 

Step #2. Create the "captcha" field in jInbound

  • In Joomla administrator panel, go to "Components" > "jInbound Pro" > "Fields":

go to components jinboundpro fields

  • You will be taken to the "Fields Manager: jInbound" administrative screen. In the top left corner, click "New":

click new

  • You will see the "Fields Manager: Add A New jInbound Field" screen. Click within the "Field Type" parameter and on the displayed list of field types click "captcha". You will see that the "Field Type" parameter has been set from the default "aliastag" to "captcha":

click captcha

  • Click the "Attributes" tab:

click the attributes tab

  • Set the "Required" to "Yes" and "Show Label" to "No":

set required and show label

  • Enter an informative title into the "Title" field:

enter title

  • Click "Save & Close".

That's all for this step. In the next step, you will add this new "captcha" field to the form that you use with your jInbound landing page.

Step #3. Add this field to the form of your jInbound landing page

  • On the left side of the screen, click "Forms":

click forms

  • You will see the screen listing the forms of your jInbound landing pages. Click on the required form.  For my demonstration, I click on the "Simple":

click on the title of your form

  • This will open up the "Form Manager: Edit a jInbound Form" screen for you. Find the "captcha" field you created in the previous step and click inside its checkbox:

click inside the captcha heckbox

  • Click "Save & Close".

Good job! Your jInbound landing page now has the "captcha" filed to protect the form of the page from spam. But this "captcha" field works based on Joomla's core "Captcha" two plugins. 

In the next step, you will enable one of them. For my demonstration, I selected "Captcha - Invisible reCAPTCHA".

Step #4. Enable a ReCaptcha plugin of your choice in Joomla

  • Go to "Extensions" > "Plugins":

go to extensions plugins

  • This will bring you to the "Plugins" screen with the list of Joomla plugins. Find the "Captcha - Invisible reCAPTCHA" and click on its title to open it up for editing:

open the plugin for editing

  • You will see the "Plugins: CAPTCHA - Invisible reCAPTCHA" screen. Enable the plugin and enter the Site and Secret Keys into their respective fields:

enter the site and secret keys

  • Check the jInbound landing page at the frontend of your Joomla site. You should now see the Google Invisible ReCaptcha protecting your form from spam:

final result