How To Allow Visitors To Upload Files To Your Website

In this tutorial we are going to learn about how to allow visitors to upload their files on your website. Let me clear you one thing that those uploaded files will be saved in your Dropbox folder. Many times website or blog owners want to allow visitors to upload their files on their website.

The possible solution might be Email. But it becomes very difficult for website owner as well as visitor to upload and download files easily. Another way is to make a shared folder. But it will allow visitor both read and write. So here is one simple method which will embed an uploader form into your site so that there is no need of any registration or other things for the visitors. It will be very easy to upload files to your visitor. (See example form here)

If you too want to embed an upload button on your website then you are at right place. You are reading this article that means you have little bit knowledge about pasting a code (html, JavaScript) in your website.

So we are using a popular web form builder called Jotform.com. Using this simple web form builder you can create your customized web form without writing a single line of code.

Allow Visitors to Upload Files on your Website

Following are the steps to embed an upload file button (i.e. file uploader) form into your website.

As we are using our Dropbox account to store the uploaded files from the visitors, you should first sign in to your Dropbox account. (If you do not have account on Dropbox, create it here).

Then go to http://www.jotform.com/dropbox/ and click on “Create a Dropbox Form”

Jotform-Dropbox integration

It will ask you to give API access to your Dropbox in order to deliver your files.

Once you complete these steps click on “Launch Form Builder”. Following window will appear.

Jotform form builder

Click on “Source Code” you will get a Javascript code. Now you can use this code wherever you want to allow visitors to upload their files into your Dropbox folder. If you don’t know how to use this Javascript code into your website read following instructions.

In this example I am going to use a blogger platform.

Go to your Blogger dashboard. Click on layout > add a Gadget a pop up window will appear as follws:

Add a Gadget Pop up

Select HTML/JavaScript and paste a Javascript Code that we have copied from jotform.

See example form: Click here

If you like this article don’t forgot to share and like our Facebook page!