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

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


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.

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

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.

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


Step 3

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

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


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.

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


Step 4

Now arrange your things.

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


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.

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

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


Step 6


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

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


Step 7

Now give some title to it.

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


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.

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


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.

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

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.

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

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

Post a Comment Blogger

  1. As a starter, it gives 100 free submissions and 100 mb of space. What does that mean?
    Thank you for writing a nice and Useful article!

    ReplyDelete
    Replies
    1. This means that you have 100mb space for your files which are being submitted through this form, and 100 submission are for month that means only 100 files can be send using this form per month. However you can delete previous files in order to get your space back

      Delete

Don't Comment irrelevant It will be deleted!

 
Top