Best File Upload to Use for Squarespace

Uploader needs your donations to go along working, please use the button beneath

Squarespace has skilful forms builder, but unfortunately there is no upload field to store user files or docs. Information technology may be useful for user images, screenshots, pdf-forms or so. Sure you may use some side services to organize file uploading: Wufoo, JotForm and many others. And while they have great builders and file uploads, sometimes yous need more than than three-v forms or 1000 form views per calendar month with complimentary business relationship.  So nosotros decided to make a pocket-sized javascript plugin, which add file upload fields to Squarespace forms and small spider web-service to handle these uploads.

If storing files on our server not your Google Drive (yous may connect your Google Drive) - recall that files older than 30 days may be deleted without any notice. Our Server is not a storage, and so please download submitted files in these 30 days.

Calculation plugin on site

And so first of all you need to add our plugin to page. The best option is Header Injection (if you want to employ script globally on site) or Page Header Code Injection (if you want to employ it on specific pages). If you have used Folio Injection for Uploader and using Ajax-enabled template - it is full general known, that annihilation injected there will be Non executed later on ajax page load. So if someone lands on any folio WITHOUT Uploader Injection  and jumps to 1 WITH will do nothing. So please use Global Injections or you lot may disable Ajax Loading in Fashion Editor and utilise Folio Injection then.

Permit'south add the script globally:

            <            script            src="//uploader.squarewebsites.org/sqs-class-upload.min.js"            >            </            script            >          

SquarespaceWebsites Uploader - Header Injection

Our plugin uses Uncomplicated-Ajax-Uploader, to overlap default Squarespace Forms text-fields, so show your honey to his writer.

Now we need to create usual Squarespace Form and add together text field which will become our upload button.

So Upload field is basically merely a Text Field merely with specific parameters in description/placeholder and that enables Upload here. So if yous do non see Upload field in Form builder, merely create Text field and add together there FileField; to description - this converts field to Upload one.

 Nosotros edit these custom parameters in this field:

Clarification Section parameters, ";" delimiter

• add FileField parameter to enable this field as File upload field - required;

• ready MaxSizeof filein KB, otherwise default value is 1024KB(1MB). The max file size we back up at the time is 10MB per file;

• add Multiple parameter for multiple files uploading;

• set addText parameter to change button text, use underscore for spaces ex.  addText=Add_your_Files;

• gear up UploadUrl parameter to use your own server (ex. UploadUrl=http://my-ain-server.com;) or add zippo to use our ain service.

• add capture parameter to enable capture support on mobile devices

Placeholder Section parameters, "," delimiter

• gear up the listing of allowed extensions hither to prevent users from uploading some files you don't need. Otherwise, next list will be used: ".jpg, .jpeg, .png, .gif, .txt". Our service supports many of certificate, athenaeum and graphic extensions, simply y'all may asking some custom if you lot need.

So with all parameters you will become something like this:

SquarespaceWebsites Uploader - Set Text Field Parameters

At present refresh the page and you will come across the button Add Files instead of text field - y'all may click and cull or elevate-and-drop files here.

Registering your domain

But if y'all're gonna to apply our service for uploads - you need to get to SQS Grade Uploader site and register your site domain. Otherwise, you will encounter such error when trying to upload:

Just annals with email and password or use Facebook or Google account to sign up.

SquarespaceWebsites Uploader - Sign in

Once you log in, you may add Sites to your business relationship. Proper name it and add at to the lowest degree Site Url in http://example.com format to salvage it. Yous may also add Squarespace Site Url if you want to handle uploads from Squarespace built-in domains (similar https://mysite.squarespace.com) likewise.

Attention! You are costless to change Squarespace Site Url further, unless you want to change the main Site Url - soyou need to remove current site clicking cherry close icon and add together Site with new Site Url.

SquarespaceWebsites Uploader - Adding site

Now your site is added and users may now upload files. You lot will become Squarespace Form Submission email equally usual, only now you will have the unique urls of uploaded files. Note, that these urls are secure and only y'all volition be able to download files while yous are logged in.

SquarespaceWebsites Uploader - Upload Files

SquarespaceWebsites Uploader - Squarespace Grade Submission

SquarespaceWebsites Uploader - Uploads Tab

If you want, y'all may use your own Google Drive to store all uploads. First you need to click Connect GDrive push and allow SQS Course Uploader-app offline access. Later on you may see Connect GDrive push on each of your sites. Clicking this your site will exist connected and gdrive icons appear.

SquarespaceWebsites Uploader - Connect Google Drive

SquarespaceWebsites Uploader - Site is connected to Google Bulldoze

While your site is connected to Google Drive, user uploads volition exist stored to SQS Form Uploader/your-site-address/folder. And you will get direct Google Drive links to files now.

SquarespaceWebsites Uploader - Google Drive uploads

SquarespaceWebsites Uploader - Squarespace Form Submission(Google Drive)

Please use the form below to submit issues with Uploader

matthewsxyle1982.blogspot.com

Source: https://www.squarewebsites.org/blog/squarespace-websites-uploader