How to Create Contact Form for Blogger/BlogSpot with File Upload Option

Social

Tweet

During my search every person using BlogSpot/Blogger was searching for the contact us form with file upload option for free and without signup option, so now I have come up with a tutorial for you with easy methods here in this tutorial I will discuss about how to create contact us form with file upload option working for blogger and BlogSpot. However you can add it to any site you want. Another best part of this contact form with file upload option is that there are no ads. There is no java scripting or CSS required for this.

The most advantage of this contact us form is that you can upload every kind of find including images, .mp3 files etc which sends the uploaded document directly to the email address provided by you.

So first you should have a look how basically this forms look like.

Check Here For DEMO

Carefully follow the steps to how to create contact us formfor Blogger/BlogSpot with file upload option.

In this tutorial I am not sign up or login.

Step 1

Go to Jot Form

You can sign up for its better work however you can make it without getting signup.

Step 2

You can add what you want as per your requirement for contact form. My advice not to use their captcha as it works on chrome but not Firefox and not tested on other browser.  

Using few basic things for file upload form.

Step 3

Now the main part how to upload file option in contact us form.

You can also limit your file size option and which type of file should be uploaded. By using this form you can also create Contact Form for Blogger/BlogSpot with Image Upload.

Step 4

Now arrange your things.

This is just a basic example of the contact us form. You can add further things as you want. There are also some premium features like pay option etc.

Step 5

Now your basic form is complete now set your email address so that if anyone sends you the file you can find it on your email.

Step 6

Now test your contact us form to check whether it is working or not and now click finish.

Step 7

Now give some title to it.

Step 8

This is very crucial step so do it carefully. After your contact form is submitted by someone now what you want after it whether you want it to redirect to some page or give them a thanking page or your own created HTML format.

Step 9

Now save your form. And now this is the time to embed you form in your blogger/BlogSpot.

Click Embed Form.  

A new pop up will appear select your platform where you want to put it as I am using it on blogger/BlogSpot so click Blogger Icon. There are many other platforms too. Copy the given code and paste it where you want.

Our Recommendation: Create New Page Select Your Page Title and scroll to HTML Section and paste the code you just copied it from the jot form.

Go to options of your page on right side and disable comments feature on this page. This make your blog look little professional J . You can also add a form to a static page. Static page means with no side bar. 

Create Static Page in Blogger/Blogspot you may get some Hint from How To Create Forum For Your Site.

I should also discuss their policies for this free form:

As a starter what you can get?

• ·         100 monthly file submissions which are enough.
  
• ·         10 monthly submissions if you use their SSL secure submission normally this is for payment section. Not concerned with the file upload option.
  
• ·         You can receive 10 payments through this free form.
  
• ·         Unlimited forms.
  
• ·         100 Mb of space for files submission. So it’s better to delete you file after you have viewed them by going back to their site and checking your inbox option in the form.

Now we are done with our Contact us form with file upload option!  Any suggestions and comments will be appreciated. Cheers! :)