Book Now
Download

QloApps Google reCAPTCHA | Protection against Spam and Abuse

Google reCAPTCHA is a service from Google that saves your website from Spams and Abuse. It is a free service that lets you segregate humans and bot.

If you have any kind of form on your website then you are prone to spams. So there is always a need to have a security measure on your website.

The reCAPTCHA stands as a gatekeeper for the entries coming onto your website.

Ergo, to make your QloApps website secure we have developed the QloApps reCAPTCHA module. With the help of this module, you will be able to protect your website from bots.

So let us understand how we will install this module and configure it.

  • The reCAPTCHA improves the security of your store.
  • It will be a simple solution to keep away spam bots and hackers.
  • Admin can display google ReCaptcha on the following form pages – a login page, registration page, contact page or Back-office Login page.
  • The Admin can select single/multiple reCaptcha positions in the configuration page.
  • Admin can select the reCaptcha background.

The installation of any module is very simple in QloApps.

  • Go to Module and Services tab
  • Click on Add New Module

Screenshot of QloApps backoffice showing how to install QloApps Age Verification module to restrict underage user

  • Now upload the Zip file of Module and click on Install

 

Now you have installed the module. So let us check the Module Configuration

For this module, you need to do some hook in QloApps core files –

1.) Add Hook {hook h='DisplayWkCaptchaLoginhook'} in Front-Office

A.) File name - authentication.tpl
Path – /themes/_YOUR_THEME_NAME_/

Position - Inside Login Form with id="login_form", After Password field <div class="form-group">......</div>

B.) File name - order-opc-new-account.tpl
Path – /themes/_YOUR_THEME_NAME_/

Position - Inside Login Form with id="login_form", After Password field <p class="form-group">......</p>


2.) Add Hook {hook h='DisplayWkCaptchaContacthook'} in Front-Office

File name - contact-form.tpl
Path – /themes/_YOUR_THEME_NAME_/

Position - Inside Contact Form with class="contact-form-box", After Attach File field {if $fileupload == 1}.....{/if}


3.) Add Hook {hook h='DisplayWkCaptchaAdminLoginhook'} in Back-Office

File name - content.tpl
Path – /admin/themes/default/template/controllers/login/

Position - Inside Login Form with id="login_form", After Password field <div class="form-group">......</div>


4.) Add Hook Hook::exec('actionWkAdminLoginControllerSubmit'); in Back-Office

File name - AdminLoginController.php
Path – /controllers/admin/

Position - Inside processLogin() function, after 'password' validation check and before this line - "if (!count($this->errors)) {"


We override some qloappses core files -

Front controller - AuthController.php
Function name -
1. processSubmitLogin()
2. processSubmitAccount()

JS file - themes/default-bootstrap/js/order-opc.js
- #SubmitLogin click function
- #submitAccount, #submitGuestAccount click function

As a result of Google reCAPTCHA module installation, a menu will be created in Hotel Reservation–> Settings


Finally, after clicking on the button we can configure the module.

To get the Credentials of reCaptcha, Admin has to create/signup to their accounts from the link: https://www.google.com/recaptcha 4

 

Admin needs to either create a new account or log in to its existing account to move ahead.

5

Once logged in, the admin needs to fill necessary information to get the reCAPTCHA credentials.6

Once all the details are filled in, the credentials for reCAPTCHA will be generated.7

You need to enter the above-generated credentials in the module configuration.

After successful configuration reCAPTCHA will be shown on all the selected pages.

On the Customer Login page, reCAPTCHA will be shown to the customers before signing-in. According to the module configuration set by the admin, reCAPTCHA will be displayed in a light or dark background.

Similarly, On the Customer Registration Page, reCAPTCHA will display to validate the user.

On the Contact Page, reCAPTCHA will display to validate the user.

Admin can apply reCAPTCHA display on QloApps Back-Office Login Page also.

 

This was all from the QloApps Google reCAPTCHA Module. I hope I was able to clarify the functioning of the module to you.

If you want to learn about the functionality of QloApps then you can visit this link: QLO Reservation System – Free Open-Source Hotel Booking & Reservation System

In case of any query, issue or requirement please feel free to raise it on QloApps Forum

Lastly, do not forget to drop your thoughts in the comments.

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index