How to Create Forms that Allow File Uploads in Website or Blog

Google Forms tend to be most likely the most readily useful service for producing web-based forms however they skip several crucial features present in commercial web form builders. Google Forms don’t allow file uploads, there’s no selection for adding CAPTCHA in forms to avoid spam and, what may be of interest to the legal and retail business, Google Forms cannot capture electric signatures.

A school teacher might prefer a Google Form where the students can upload and save their assignments, project tasks and also the files automatically to Google Drive in separate student folders. A company might want to build an online forms, where job seekers can upload their resumes in PDF or Word Format. You can’t upload file attachments in Google Forms but there’s a workaround.

google-forms-file-uploads.png

Open up this sample web form and also you’ll find that it has all the required fields in the Google Forms with just a few extra ones. There’s a file upload option (demo), an area for visitors to e-sign the form (demonstration) with a CAPTCHA.

This form exactly looks like a Google Form when you click the submit button, the files will be sent to the form owner’s Google Drive and the filled-up data will be saved in a Google Spreadsheet.

The from is also integrated with Google Analytics in order to additionally track how many people are open and use your form, which browser they used to open it and much more. You can also choose and set to receive email notifications when people submit the form.

Enable File Uploads to Forms with Google Script

The forms are built utilizing Google Apps Script and also you too can build one in minutes with definitely zero coding. Watch the video tutorial to get started.

You’ll need certainly to buy a license to make use of the form publish script.

 

Configure & Install your File Upload Form

The initial step is develop the form. Knowing a bit of HTML, you can design the form yourself or use forms.studio. This is WYSIWYG form builder where you are able to drag and drop your required fields to build your foem. Save the form and copy the embed code to your clipboard or any other place where you want.

Now you have the form code ready with it’s all features, now you have to configure the Google Spreadsheet that may store your form responses.

Open up your Google Spreadsheet and check-out Tools -> Script publisher. Click the forms.html file and paste the form embed rule. Save the file.

  1. Go to Resources -> Developer system venture and allow the Google Picker API. This will allow the form site visitors to upload files directly to your Google Drive.
  2. Open up the install.gs file and specify the Drive folder where files will be saved, time zone and also your email.
  3. Go to Run -> Install to apply your specified configuration. You may need to approve the first time you install the Google script.
  4. Then go to Publish -> Deploy as Web App, choose me form develop Execute the app as and choose Anonymous under who has got usage of the net app.

deploy-google-form

We are almost ready our form to use.

Click the Deploy button and also you’ll get a Public URL of the kind. You can use Gmail Mail Merge to send the form to anyone all your contacts in a personalized email.

You should Know about – File Upload Forms

  • Should you want to limit the forms to users as part of your Google Apps company, choose your domain under who has access of the app.
  • Unlike Google Forms, File Upload forms can not be embedded on various other web sites because of some restrictions around web applications made out of Google Scripts.
  • If you later on change any parameters in the install.gs file, you’ll have to Run->Install to apply the new configuration.
  • To stop receiving of new responses, go to Publish -> Deploy as web app menu and then click the Disable link. Or change the who has got access options to Myself.

Share This Post

Related Articles

Leave a Reply

© 2019 TechnoDiary. All rights reserved. · Entries RSS · Comments RSS
Powered by TechnoDiary · Designed by Isoft Solution