Themes Store

    How To Create Contact Forms With Antispam Protection Using The Contact Form 7 Plugin And Recaptcha Integration premium free

    Our themes come with the Contact Form 7 plugin, which is the most popular WordPress plugin for contact forms.

    In combination with the reCaptcha integration, you can easily create WordPress contact forms with antispam protection.

     

    Step 1

    Check if the Contact Form 7 plugin is activated after you installed the theme and the plugins that come with it.

    Screenshot_159.png

    2.png

    In case you do not see this plugin on the plugin list, you should navigate to Appearance > Install Plugins and install the Contact Form 7 plugin.

    Screenshot_160.png

    Now simply activate the plugin.

     

    Step 2

    You should obtain the reCaptcha public and private keys, and in order to achieve this, you should generate the keys for your domain.

      • Visit Google reCaptcha site (https://www.google.com/recaptcha/intro/v3.html )
      • Click the Get reCaptcha button on the right-hand side

        Screenshot_161.png
      • Login with your gmail address
      • Enter the information about your website (like the domain and the email address)5.png
      • After you’ve provided all the necessary information, click the Submit button so you can register and obtain your keys.6.png

     

    Step 3

    At this stage, you should integrage the reCaptcha with the Contact Form 7.

    From your WordPress dashboard, navigate to Contact > Integration.

    7.png

    Input the site key and the private key you have previously generated.

    8.png

    Once you’ve put the keys in, you should save the changes and you’ll soon be getting a confirmation that the reCaptcha has been activated on your website.

    9.png

     

    Step 4

    By default, a contact form with basic fields is created after the plugin installation, and you can find this form in the contact form list.

    10.png

    You can also access it from the Contacts > Contact Forms to see the fields in contains. In order to render the reCaptcha you should add the short reCaptcha shortcode before the Submit button:

    11.png

    Screenshot_162.png

    Now simply save the changes made.

     

    Step 5

    Now you can embed your contact form on any page or post.

    To do this, locate your contact form by navigating to Contact > Contact Forms, and copy the shortcode belonging to your contact form.

    Screenshot_163.png

    Now open up a new page and paste the shortcode.

    Screenshot_164.png

    After doing so, you’ll be able to see your page containing with the contact form in your browser.

    15.png

    From the Contact Form 7 version 5.1 the support for reCaptcha v2 was abandoned. This is why in order for the reCaptcha shortcode to work with reCaptcha v2, you are required to install the following plugin → https://wordpress.org/plugins/wpcf7-recaptcha/
    reCaptcha v3 no longer requires the CAPTCHA widget (the I’m not a robot checkbox used in reCaptcha v2), so the [recaptcha] form tag is no longer necessary. In case the [recaptcha] form tag does appear in the contact form template, all newer Contact Form versions starting from 5.1 will simly ignore it and replace it with an empty string.

    Related articles