If you have any kind of form on your WordPress website, be it a contact form, comments form, or even the WordPress login form. Bots will always fill up those forms with spam. You will get tons of spam messages from bots. At the end of the day, if you did not put any precautions in place, you will get so many spam messages that you will not be able to differentiate between the real messages and spam messages.
Recently I have made a WordPress website for a client using Elementor. I put an Elementor subscription form in the footer. My client requested me to help him put a reCAPTCHA to the form to avoid any kind of spam from the bots. He integrated the reCAPTCHA v3 with Elementor. When I integrated the reCAPTCHA v3 with the form, he was kind of confused. Because it did not have the “I’m not a robot” checkbox. I had to explain to him that reCAPTCHA v3 does not have the checkbox, it automatically decides which messages are spams.
If you want to add exciting, modern, and useful addon elements in Elementor, then please check out the Element Pack Addon plugin for Elementor. This will add tons of addon elements once you install and activate it.
Difference Between reCAPTCHA v2 and reCAPTCHA v3
Both reCAPTCHA v2 and v3 are services provided by Google to prevent spam. The reCAPTCHA v2 is the traditional reCAPTCHA with the “I’m not a robot” checkbox. Whereas the reCAPTCHA v3 works differently, it does not have any checkbox, it does a bit of calculation and automatically decides whether the message is spam or not.
Some of you might prefer to use the traditional “I’m not a robot” checkbox type reCAPTCHA with your Elementor form. It is absolutely fine if you want to choose the checkbox type reCAPTCHA. Hence in this blog, I am going to show you how you can add that to an Elementor Pro contact form. Right from the integration to adding the checkbox to the form.
Steps for adding “I’m not a robot” reCAPTCHA to an Elementor Pro contact form
Step 1: Going to the reCAPTCHA setting in Elementor
In the WordPress back end, hover over Elementor and then click on “settings”. Then click on “integrations”. Then click on the link “reCAPTCHA”. But before doing this, please make sure that you are logged into your Google account in the chrome browser.
Step 2: Get the site key and secret key from Google.
After clicking the link, you will be redirected to Google. There you will need to create a new reCAPTCHA for this new website. Please follow the screenshots below sequentially.
Step 3: Pasting in the site key and secret key on Elementor
After you get the site key and secret key from Google, now you will need to paste them into Elementor. After you paste the information in, make sure to scroll down and save the changes.
Step 4: Adding the reCAPTCHA to Elementor Form
Now create a new page, and add the form element by elementor. Then add a reCAPTCHA type field to the form. After you add it the reCAPTCHA would show up. Make sure to save the changes. Please follow the screenshots below.
I hope you have found this blog helpful. Adding a small reCAPTCHA functionality will greatly improve the functionality of your Elementor Pro contact form. There will be no spams. You will only get real messages from real clients. If you face any issues regarding this, then please feel free to contact me.
You might also want to check out the Jupiter Multipurpose Elementor WordPress theme. Over 430+ demo sites are available for you to import, and swap the texts and images with yours. Launch your site in a few hours!
|Recommended WordPress Resource||Benefits of using it|
|Element Pack||This is a useful Elementor addon plugin that adds around 60 addon elements to your Elementor page builder. Useful elements such as the Instagram gallery, table, document viewer, iframe, and much more.|
|WP Engine||Reliable WordPress hosting. Super fast, regular automatic backups, built-in CDN for faster content delivery, top-notch security, and more!|
|Jupiter Multipurpose WordPress theme for Elementor||Import among many 450 ready-made websites made with Elementor and customize them according to your needs. Advanced WooCommerce checkout options optimized for better conversions.|
|WP Rocket||A magical WordPress plugin that will reduce the load time of your website to less than a second. It is an all-in-one speed optimization tool. It will also improve your Google Page Insights score. As the pages load quicker your website bounce rate will decrease, and average pages on time will increase. Eventually, you will get more traffic.|
|Slider Revolution||The most powerful and advanced WordPress slider plugin ever. Over 200+ ready eye candy slider templates to wow your website visitors. Advanced animations, parallax effects, and interactive features.|
|Duplicator Pro||This plugin will save you from disaster. It keeps regular backups of your WordPress sites. In case you break your site you can easily recover it. Using this plugin you can also easily migrate your WordPress sites. It can also keep cloud backups such as Dropbox, Google Drive, One Drive, etc.|
|Themeforest||Buy any type of beautiful WordPress theme from here such as blogging, WooCommerce, Real Estate, etc. Ability to import any demo site. Chose any type of page builder such as Elementor, WP Bakery, Muffin builder, etc.|
|𝗘𝗻𝘃𝗶𝗿𝗮 𝗚𝗮𝗹𝗹𝗲𝗿𝘆||Best WordPress image and video gallery plugin. Easy to use with powerful and advanced features. If your WordPress page builder does not have a good enough gallery element then check this one out!|
– Completely responsive on mobile
– Social Media Integration
– Slideshow & Fullscreen
– Drag & Drop Builder
|Ithemes Security Pro||It is a powerful WordPress security plugin. It will protect your website from bots trying to hack into your site through a brute force attack. It can also scan your website and remove malware.|
|Getty Images||Get premium stock images from here. Using high-quality and premium stock images on your site will make your site look professional. Visitors will be impressed and quickly turn into paying customers.|
|WP Forms||One of the most popular WordPress form plugins ever. Easily build advanced contact, payment, donation, survey, and newsletter forms with zero coding. Embed your forms on posts/pages using a shortcode. Built-in Recaptcha to prevent spam. The information of people submitting the form will be stored as leads directly on the website.|
|Namecheap||Buy any type of domain name at a very low price. The renewal rates are also reasonable. I use namecheap domain names on all of my websites.|