contact form 7 spam problem without a plugin

In this tutorial, you are going to learn how to control contact form7 spam for free without installing a single plugin.

we are only going to add a few lines of code and sort it out.

Why Control Spam?

The main reason why we take the initiative to control spam is we are able to distinguish between a computer or bot or system that sends an automated message to your mail using your form versus a message sent to you from a human being using your form.

Here are two ways we can control spam from you contact form 7 without using a plugin:

  • Using a math Quiz sample:
[quiz math-quiz "12+48=?|60"]

one must answer the correct way for the form to be submitted otherwise form will show an error. For re stance our answer here is “60”

  • The use of question and answer, sample:
[quiz capital-quiz "The capital of Japan?|Tokyo"

The sample provided is a capital quiz, one must give the correct answer for the form to be submitted. our answer for our quiz is “Tokyo” You are allowed to user more than one quiz and combine them to create a random- quiz

sample:

[quiz random-capital-quiz "Type 'SEND NOW'to send your message|Send now"
                          "Type 'SHARE NOW'to send your message|SHARE NOW"
                          "Type 'SEND'to send your message|Send"
                          "Type 'NOW'to send your message|Now"
                          [quiz math-quiz "12+48=?|60"
                          [quiz math-quiz "100+10=?|110"
                          [quiz math-quiz "60+40=?|100"
                          [quiz math-quiz "99+1=?|100"]

You are allowed to use them in you form.

Attached is a YouTube tutorial showing how you can do it. Take you time and view how is done.

Custom CSS for your contact7 Form bonder

.wpcf7 {
	 box-shadow: 10px 10px 5px 1px rgba(0,0,0,0.3);
 }
.wpcf7 {
     border: 5px  #2F8040;
 }

Custom CSS for your contact7 background:

.wpcf7 {
background:   #d5f5e3 ;
padding: 25px 25px 25px 25px !important;
}

Custom CSS for your contact7 Text area

.wpcf7-form textarea {
    height: 50px;
}

Custom CSS for your contact7 submits button.

.wpcf7 input[type="submit"] {
width: auto%;
position:relative;
left:30%;
}

Custom CSS for your contact7 submits button.

.wpcf7 input[type="submit"] {
     color: #d5f3f5;
     font-size: 18px;
     font-weight: 700;
     background: #ffff;
     padding: 15px 25px 15px 25px;
     border: none;
     border-radius: 33px;
     text-transform: uppercase;
     letter-spacing: 5px;
 }

 .wpcf7 input:hover[type="submit"] {
     background: #0A9E1C;
     transition: all 2.0s;
 }
 
.wpcf7 input:active[type="submit"] {
     background: #092AE4;
 }
Share on facebook
Share on twitter
Share on linkedin
Share on reddit
Share on whatsapp
Share on telegram

One Response

  1. I wanted to write you that little note so as to thank you yet again for
    the pleasing strategies you have documented on this page.
    This has been incredibly open-handed with people like you to grant openly what exactly a number of people would’ve made available for an ebook to end up making some bucks for themselves,
    precisely considering that you could have done it if you decided.
    Those techniques also served to be a easy way to understand that the
    rest have similar interest really like my own to figure out somewhat
    more with regard to this matter. I am sure there are thousands of more pleasurable moments in the future for individuals that discover your
    blog.

Leave a Reply