Tutorial Combine Contact Form 7, WP SMTP MAIL and Google Recaptcha at WordPress

Programming tutorials – in this article i will share about how to combine the Contact Form 7, WP MAIL SMTP and Google Recaptcha at WordPress. Many websites that discuss about smtp email with contact form 7, But i will discuss the full tutorial that all three plugins can be run properly.

What is contact form ? The contact form usually use by visitors to directly communicate with us, so that the interaction between you and the visitors always maintained. If the visitor comfortable in our site, will certainly be viral link to increase our website traffic.

I use the contact form 7 plugin because of its easy to use and has a great view. In addition, this plugin is easy to combined with another plugins.

For email sender, in this article use wp smtp mail. WP SMTP Mail is very simple and easy to use. But if you have an another SMTP plugin you can try it. And the third plugin is Google Recaptcha to avoid mail from spam via bot.

Lets begin the tutorial

 How to Combine Contact Form 7, WP MAIL SMTP and Google Recaptcha at WordPress 

Prepare the following plugins to support the tutorial
1. Contact form 7
2. Wp Mail Smtp
3. Google No CAPTCHA reCAPTCHA

1. Installation WP SMTP MAIL

Once you are activating the wp smtp mail plugin, please visit the email menu in the menu Settings > email

In this example I use Yahoo mail as experimental material

From Email your-email@yahoo.com
From Name Sigit
Mailer Send all WordPress emails via SMTP
Return Path Check
SMTP Options
SMTP host smtp.mail.yahoo.com
Smtp port 465
Encryption Use SSL encryption
Authentication Yes: Use SMTP authentication.
Username your-email@yahoo.com
Password your-email-password

Look at the following picture below

programming tutorial - how to using contact form 7 with wp smtp mail tutorial
Easy use wp smtp mail for your contact form

Save these settings and do a test email and if successful the result will be a bool (true) as shown below

programming tutorial - smtp mail successfully send form contact form 7
Successful sending email from wp smtp mail

If you prefer using gmail account, please use this setting below

From Email your-email@gmail.com
From Name Sigit
Mailer Send all WordPress emails via SMTP
Return Path Check
SMTP Options
SMTP host smtp.gmail.com
Smtp port 465
Encryption Use SSL encryption
Authentication Yes: Use SMTP authentication.
Username your-email@gmail.com
Password your-email-password

2. Installing Google No CAPTCHA reCAPTCHA

Once installed Google No CAPTCHA reCAPTCHA and activate the plugin, please add the option in the settings > Google No CAPTCHA reCAPTCHA. Then fill the Site Key, Secret Key, etc. As shown below

programming tutorial - how to setting Google No CAPTCHA reCAPTCHA for contact form 7

3. Installation Contact Form 7

If two plugins above have been processed, the final step is the installation the Contact Form 7. Please visit your contact form 7 menu. On the form menu, please add the tag Google No CAPTCHA reCAPTCHA

programming tutorial - how to insert recaptcha in contact form 7

programming tutorial - how to insert recaptcha in contact form 7 - 2

programming tutorial - how to insert recaptcha in contact form 7 - 3

Save the settings and grab the shortcode to your page or post. You will get the result like below 🙂

programming tutorial - how to combine contact form 7 - wp mail smtp - google recaptcha at wordpress

Thus the Tutorial Combine Contact Form 7, WP SMTP MAIL and Google Recaptcha at WordPress, hope it’s useful

The following two tabs change content below.
This site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.

Leave a Comment

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.