How To Create A Free PHP Email Contact Form With Captcha

Today I have created a good looking PHP email contact form with Captcha. This form can be used with Blogger, WordPress or any other websites. In this tutorial I’ll be writing tutorials for using this Free PHP Contact Form on Blogger blogs and WordPress Blogs. A most wanted option of Real-time validation of Captcha has also been included in this form. We will be using 3rd party free web hosting to host our scripts and then integrate that Contact form through iframe tag on our Blogs. Don’t worry if you don’t know how it will be done. I will explain each step to you for blogger and WordPress. So, you can add this Free PHP Email Contact Form with Captcha to your Blogs.

Free PHP Email Contact Form

There is not much difference between adding this PHP contact form to self hosted WordPress / Website and Blogger or WordPress Blogs. If you have blogger / WordPress blogs, then you should use 000webhost.com’s free web hosting.

So, lets start how to implement this contact form in to your website. Follow these steps.

1. Download this contact form from Here.
2. Extract the pack and open folder. Right click on index.html >>> Open With >>> Notepad.
3. Ctrl+F and Search for contact@website.com and replace it with your own email address, where you want to receive all email inquiries from this form. Press Ctrl+S to save and close the Notepad.
4. Open your FTP Client (I assume that you already know how to upload files via FTP to your webhosting). Select all files from the Contact form folder and upload them to your desired folder at your Web Hosting space.
5. If you have blogger or WordPress and don’t have bought web hosting, then you can use 000webhost.com to upload these files.
6. Once all files are uploaded, right click on index.html and rename it to index.php
7. Now, open the url where you have uploaded the contact form. So you have got a working PHP Email contact form for Free.

And now you will be integrating this contact form to your any webpage using iframe tag. Use this iframe tag to include this contact form to any web page of your website.

[code type=html]

<iframe frameborder="0" height="300" scrolling="no" src="http://website.com/directory" width="500">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

[/code]

You can use <center> and </center> tag to align this iframe in center of page. The width and height of this contact form is 500px and 300px respectively. Replace the http://website.com/directory in the above iframe code, with the URL of your uploaded contact form.

I have created demo of this Free PHP Email Contact form HERE, you can play and learn about this there. I hope you will like this Email Contact form. Don’t worry at all if you don’t understand any step, just comment below and I’ll be more than happy to help you. You can use this contact with your Blogger and WordPress Blogs also.

Video Tutorial for Installation:

Share on Facebook Share on Twitter Share on Google Plus

About Chathura