How to Protect A Landing Page with Google ReCaptcha in jInbound

How to Protect A Landing Page with Google ReCaptcha in jInbound (2)

jInbound is a great Joomla extension to generate leads and convert them to customers. You achieve this by setting a landing page with a web form. But according to DataProt, "45% of all emails are spam".

Last week, one of our customers asked how to protect their jInbound form from spambots. This is a four-step process:

  1. Generate your Joomla Site and Secret Keys with Google Recaptcha free service.
  2. Create a new jInbound field by the "captcha" type.
  3. Add this new field to your iInbound form.
  4. Enable a Joomla Captcha plugin of your choice. For my demonstration, I selected the "Captcha - Invisible reCAPTCHA".

In this blog post, I'll give you a walkthrough of this process.

Here is a screenshot that was taken with the jInbound form protected by the "Captcha - Invisible reCAPTCHA":

final result

Let's take a look at how to implement this anti-spam protection.

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

Please, check out Step #1 of this tutorial to learn how to register your Joomla site with the "Google reCAPTCHA" free service. Once you sign up, you will be able to generate your Site and Secret Keys. 

You will need to copy them in Step #4.

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

In this step, you are moving to your Joomla site and create the "captcha" type field in jInbound.

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

go to components jinboundpro fields

This will bring you to the "Fields Manager: jInbound" administrative screen. In the top left corner, you want to click "New":

click new

You will see the "Fields Manager: Add A New jInbound Field" screen. You need to click within the "Field Type" parameter, as in the image below.

This will bring up a list of field types. You want to click "captcha". You will see that the "Field Type" parameter has been set from the default "aliastag" to "captcha":

click captcha

Moving forward, you want to click the "Attributes" tab:

click the attributes tab

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

set required and show label

You want to enter an informative title into the "Title" field:

enter title

Excellent! You can now click "Save & Close" to save your job.

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

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

On the left side of the screen, you want to click "Forms":

click forms

You will see the screen listing the forms that you can assign to your jInbound landing pages. You want to click on the required form.  For my demonstration, I clicked on the "Simple":

click on the title of your form

This will bring up the "Form Manager: Edit a jInbound Form" screen. You want to find the "captcha" field you created in the previous step and click inside its checkbox:

click inside the captcha heckbox

Now would be a good time to click "Save & Close".

Good job! At this point, your jInbound landing page has the "captcha" filed to protect a form of a jInbound landing page from spam. But the "captcha" field works based on one of the two Joomla's core "Captcha" plugins. 

In the next step, you will finish this process by enabling one of them. For my demonstration, I selected "Captcha - Invisible reCAPTCHA".

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

You want to go to "Extensions" > "Plugins":

go to extensions plugins

This will bring you to the "Plugins" screen with the list of Joomla plugins. Here you need to 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

Click "Save & Close".

Excellent! This finishes the process of protecting your jInbound form from spam with Google Invisible reCAPTCHA.

Check the jInbound landing page at the frontend of your Joomla site. You should now see the Google Invisible reCAPTCHA:

final result

What's Next?

Save $1000's when you sign up to Joomlashack's Everything Club.

You will get access to all our 31 extensions, templates, and Joomla training.

Click here to join the Everything Club