Make Your Own Contact Form With File Upload And Captcha

By: Ramakrishna Ch on 19:51

Now you can make your own contact form with file upload option and including captcha without any third party apps and free. Finally after a lot of experiments from few days, I am able to gather all the required files and mix them together. You can put your contact form either in sidebar or in your posts or even in pages. Blogger has released its official Contact form. But it didn't satisfied the webmaster because it had neither captcha or even file upload option. In my contact form you can upload unlimited of files and of any format.If you want the demo of the contact form you can check out my Contact Us page. There are many tutorials in Internet on making the contact form with file upload option, But they all used the third party app to make it. But here I made all that not necessary and made it as simple as it should. This make y post unique and never seen post earlier.

In order to upload the files, you need a hosting account, Dont worry you dont need to pay a single penny and at last  you need to add the uploaded contact form in blogger or wordpress or any other website.

Uploading Contact Form Files To Hosting For Free

When I said hosting, I think you had all thought of buying hosting, But in this internet world you can find some free resources.

1. Download this "Contact Form By PR-Blogger (PRB)" File.
2. Go to FreeHostingArea
3. Enter your URL and choose the subdomain.
4. Click proceed
5. Enter your Email, Password and Captcha.
6. After entering the required details, A page is shown with your URL and the login URL.
7. Now open your login page and enter you newly created hosting URL and password to login
8. After Logging in Click on the File Manager
9. After Clicking on File Manger Enter your URL and account password.
10. After Logging in Delete all the files and click upload button and upload the File "Contact Form By PR-Blogger (PRB)" downloaded in step 1 here.
11. After uploading the zip file, your zip files are automatically extracted
12. Now edit the file "contactform.php" and change the youremail@yourwebsite.com to your email address where your messages should be delivered.
    
    

After successfully changing the email address, you are now ready to add the contact form in your site.

Adding The Contact Form In Blogger

1. Go to the domain you just created free
2. Your files are listed, Click on the file "contactform.php". You can see that contact form is loaded.
   
3. Note down the URL of that contact page.
   
4. Now go to blogger
5. If you want to add it in sidebar, Click on add gadgets and choose HTML/JavaScript.
6. If you want to add in a post, Create a new post
7. Finally if you want to add it in a page like mine, Then go to pages and create a Blank page.
   
8. Toogle from "Compose" to "HTML"
   
9. and paste the below given code in the empty area.

<iframe src='REPLACE WITH YOUR URL' frameborder='0'
width='100%' height='600' allowtransparency='true'></iframe>

Be sure to replace the above red text with your URL noted in step 3. It is the URL of the contact form.

Now preview your page, If successful then Publish it and try, If Unsuccessful Comment below.

Customizing Your Contact Form.

If you want to add more fields to upload, or change the formats then you need to customize it. Already its a long post, So I will publish it tomorrow, Be sure to Subscribe us.

List Of Things You Can Do

• Add More Fields
• Add More File Upload Fields
• Change The Formats Of File Uploading Files.
• Send The Message To More Than One Person

Hope you understood the article very well, If you want to share this tutorial with your friends or want to republish it in your blog, then you are free to do it if only you give me the credits with this URL. If you want to give suggestions, or have doubts or need any help from me then you are welcomed to comment below. You comments are key to success.