Sqaure Space Can You Upload a Video Directly to

Uploader needs your donations to keep working, please utilize the button below

Squarespace has good forms builder, but unfortunately at that place is no upload field to store user files or docs. It may be useful for user images, screenshots, pdf-forms or and so. Sure y'all may apply some side services to organize file uploading: Wufoo, JotForm and many others. And while they accept groovy builders and file uploads, sometimes you demand more than than 3-v forms or 1000 grade views per calendar month with free account.  So we decided to make a small javascript plugin, which add together file upload fields to Squarespace forms and modest web-service to handle these uploads.

If storing files on our server not your Google Drive (you may connect your Google Drive) - remember that files older than thirty days may exist deleted without whatsoever detect. Our Server is non a storage, so please download submitted files in these 30 days.

Adding plugin on site

So first of all you demand to add our plugin to page. The best choice is Header Injection (if you want to utilize script globally on site) or Page Header Code Injection (if you want to use it on specific pages). If you have used Page Injection for Uploader and using Ajax-enabled template - it is general known, that annihilation injected there volition be NOT executed after ajax page load. So if someone lands on whatsoever page WITHOUT Uploader Injection  and jumps to ane WITH will do nothing. So please employ Global Injections or you may disable Ajax Loading in Style Editor and use Page Injection then.

Let'due south add together the script globally:

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

SquarespaceWebsites Uploader - Header Injection

Our plugin uses Unproblematic-Ajax-Uploader, to overlap default Squarespace Forms text-fields, so evidence your love to his author.

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

And then Upload field is basically just a Text Field but with specific parameters in clarification/placeholder and that enables Upload hither. So if you practise not see Upload field in Course architect, but create Text field and add in that location FileField; to description - this converts field to Upload one.

 We edit these custom parameters in this field:

Description Section parameters, ";" delimiter

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

• set MaxSizeof filein KB, otherwise default value is 1024KB(1MB). The max file size we support at the fourth dimension is 10MB per file;

• add Multiple parameter for multiple files uploading;

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

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

• add capture parameter to enable capture support on mobile devices

Placeholder Department parameters, "," delimiter

• set the list of allowed extensions here to prevent users from uploading some files you lot don't need. Otherwise, side by side list will be used: ".jpg, .jpeg, .png, .gif, .txt". Our service supports many of document, archives and graphic extensions, but you may request some custom if you need.

So with all parameters y'all will get something like this:

SquarespaceWebsites Uploader - Set Text Field Parameters

Now refresh the page and y'all volition see the push Add Files instead of text field - you lot may click and choose or drag-and-driblet files hither.

Registering your domain

Just if you're gonna to use our service for uploads - you lot need to go to SQS Class Uploader site and register your site domain. Otherwise, you will see such error when trying to upload:

Just register with e-mail and password or employ Facebook or Google account to sign upward.

SquarespaceWebsites Uploader - Sign in

Once y'all log in, you may add Sites to your account. Name it and add at to the lowest degree Site Url in http://example.com format to save it. You may also add together Squarespace Site Url if yous want to handle uploads from Squarespace built-in domains (like https://mysite.squarespace.com) besides.

Attention! Yous are complimentary to change Squarespace Site Url further, unless you want to change the main Site Url - and soyou need to remove current site clicking scarlet shut icon and add together Site with new Site Url.

SquarespaceWebsites Uploader - Adding site

Now your site is added and users may now upload files. Y'all will get Squarespace Class Submission email as usual, but now you will have the unique urls of uploaded files. Note, that these urls are secure and only y'all will exist able to download files while you are logged in.

SquarespaceWebsites Uploader - Upload Files

SquarespaceWebsites Uploader - Squarespace Form Submission

SquarespaceWebsites Uploader - Uploads Tab

If you want, you may employ your own Google Bulldoze to store all uploads. First y'all need to click Connect GDrive button and allow SQS Form Uploader-app offline access. Subsequently you may run into Connect GDrive button on each of your sites. Clicking this your site volition be connected and gdrive icons announced.

SquarespaceWebsites Uploader - Connect Google Bulldoze

SquarespaceWebsites Uploader - Site is connected to Google Bulldoze

While your site is connected to Google Drive, user uploads will be stored to SQS Form Uploader/your-site-address/folder. And you will get directly Google Drive links to files at present.

SquarespaceWebsites Uploader - Google Drive uploads

SquarespaceWebsites Uploader - Squarespace Form Submission(Google Bulldoze)

Delight use the form below to submit problems with Uploader

lockesime1947.blogspot.com

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

Share this post