How to Add a File Upload Form to Squarespace

9 min read

Quick answer

Squarespace's Form block has no file upload field, and there's no Squarespace plugin that adds one. To collect files on a Squarespace site, you embed a third-party upload form. With a tool like EZ File Drop, you paste a single embed code and get a branded, in-page upload form that delivers files into your own Google Drive, Dropbox, OneDrive, SharePoint, Box, or FTP, with no account required from the person uploading.

Squarespace is one of the most popular website builders for small businesses, creatives, and portfolio sites. Clean templates, straightforward drag-and-drop editing, all-in-one hosting. What it doesn’t have is a native way to let visitors upload files through a form. The built-in Form block collects text fields and basic data, but there’s no file upload field, and there isn’t a Squarespace-made plugin or extension that adds one.

So if you need to accept photos, videos, contracts, resumes, or creative briefs from visitors to your Squarespace site, you have three real options: embed a Google Form, link out to a Dropbox File Request, or embed a dedicated file collection tool that routes uploads into your own cloud storage.

This guide walks through the embed approach using EZ File Drop, which sends files directly into your existing cloud storage with no Squarespace plugin. We’ll use a running example throughout: a Customer Picnic photo collection form, letting event attendees upload photos and videos to be featured in a highlight video from the day.

Why Squarespace Doesn’t Have a Native File Upload Form

A few quick things worth knowing before you start.

Squarespace’s Form block has no file upload field. It supports text, checkboxes, radio buttons, dropdowns, email, and phone fields. That’s it. You can’t add a file upload field through the block editor, through CSS, or through the Squarespace extensions marketplace. This is a long-standing platform gap.

That leaves three approaches that actually work, and they differ in ways that matter for client-facing and customer-facing work. An embedded Google Form has a file upload field, but Google Forms requires uploaders to sign in with a Google account before they can submit files, which is a deal-breaker for most public forms. A Dropbox File Request link works, but the uploader leaves your Squarespace site to finish on a Dropbox-branded page, with no custom fields and Dropbox locked in as the destination. EZ File Drop’s embed keeps the whole experience on your site, under your branding, routing to whichever cloud you already use. Here’s how they compare:

Embedded Google Form Dropbox File Request link EZ File Drop embed
Uploader needs an account? Yes, a Google account No No
Stays on your Squarespace page? Yes No, leaves to Dropbox Yes
Shows your branding? No, Google's No, Dropbox's Yes
Custom fields with the files? Limited No Yes
Where files land Your Google Drive Dropbox only Google Drive, Dropbox, OneDrive, SharePoint, Box, or FTP

One important compatibility note: Squarespace Code Blocks and Embed Blocks support JavaScript and iframes only on paid plans (Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced). If you’re on the free trial or Personal plan, custom JavaScript embeds won’t run. EZ File Drop’s embed code uses a script tag, so you’ll need to be on the Core plan or higher for the embed to render properly.

The fix

EZ File Drop gives you a branded upload form you embed on your Squarespace page with a single copy-paste. Visitors upload right on your site with no account, you collect the fields you need alongside the files, and every submission is delivered into the cloud storage you already use, sorted automatically. The rest of this guide walks through setting one up.

Step 1: Set Up a Free EZ File Drop Trial

Sign up here. Every new account starts with a 7-day free trial on the Business plan, with up to 20 users and 1 GB of upload bandwidth. Embedding is turned off during the trial, so you can build and style the form now and add the embed to your Squarespace site once you pick a plan.

Once you’re in, connect EZ File Drop to your cloud storage destination of choice (Google Drive, Dropbox, OneDrive, SharePoint, Box, or FTP) through the Cloud Settings menu. This is a standard OAuth connection, so your cloud storage password never leaves that provider.

Connecting a Google Drive account as the upload destination on the EZ File Drop Cloud Connections page

Step 2: Create Your Upload Form

From the main menu, click Upload Forms, then Create New Form to launch the form editor.

The Upload Forms dashboard in EZ File Drop with the Create New Form button

Set a form name, page URL slug, and upload your logo. For our example, we’re calling the form “Customer Picnic” and adding the event brand’s logo so the form matches the host’s identity.

Setting the form name, and URL slug in the EZ File Drop form editor

Next, think through what information you actually need alongside the files. For a customer event photo collection, common fields include name, email, company, team name, and optional notes. Keep it to a handful of fields so the experience stays fast.

Adding name, email, company, and notes fields to a photo collection form in the EZ File Drop form builder

Then customize the style to match your Squarespace site. Colors, fonts, button style, background, and spacing are all editable. On the EZ File Drop Business or Premium plan, the form is fully white-labeled, with no EZ File Drop branding anywhere on the page or in notification emails.

Styling an upload form's colors, fonts, and buttons to match a Squarespace site

Step 3: Publish and Test the Form

Once the form is configured, toggle the Status to Published. Visit the Page URL to see how the form looks to uploaders, and submit a test entry to confirm everything routes correctly to your cloud storage destination.

Check the form on both desktop and mobile before embedding. Squarespace sites are responsive by default and the embedded form should scale cleanly, but it’s worth verifying.

Step 4: Embed the Form on Your Squarespace Site

Now the fun part. In EZ File Drop, click on the Share tab inside the form editor, then select Copy Embed Code .

Copying the embed code for an upload form in EZ File Drop

Head over to your Squarespace site and navigate to the page where you want the form to appear. Click Edit to enter the page editor, then find the section where the form should go and click + ADD BLOCK.

Adding a new block in the Squarespace page editor

In the block picker that appears, scroll down to the Basic category and select Embed.

Selecting the Embed block in Squarespace's block picker

An Embed Block will appear on the page. Click into the block, then click the small code icon or “Add code...” prompt to open the embed code editor.

Paste the EZ File Drop embed code into the code field, then click outside the block to apply. Save the page, then preview or publish to see the form render. Here’s what the Customer Picnic form looks like live on the site:

A branded Customer Picnic file upload form embedded live on a Squarespace site

That’s it. The form is live on your Squarespace site, matching your brand, and routing every submission directly to your cloud storage.

Note for Classic Editor users: If your Squarespace site is still on version 7.0 with the Classic Editor rather than Fluid Engine, the process is the same except you’ll add a Code Block (instead of an Embed Block) from the block picker and paste the embed code there. The visual experience of adding and editing blocks looks slightly different, but the end result is identical.

Tips for Optimizing Your Upload Form

A few things that make the difference between a form people use and a form people abandon:

Keep it short. Every extra field is a reason to bounce. For something like event photo collection, name and email are often enough; company and team name are bonuses, not requirements.

Be specific about what you want. “Upload your photos” is vague. “Share your photos and videos from today’s picnic, and we’ll feature the best in our highlight video” gives context and motivation. The form’s description field handles this.

Set file size and type limits. EZ File Drop lets you restrict uploads to specific formats (JPG, MP4, PDF, and so on) and cap the file size. That keeps out oversized or irrelevant files before they ever reach your cloud, and it keeps large uploads from eating into your monthly upload bandwidth.

Test on mobile. Most uploaders will come from phones, especially for event photo collection. Walk through the whole experience on your phone before promoting the form.

Other Things Worth Knowing About EZ File Drop on Squarespace

A few capabilities that come in handy once the basic form is live:

Dynamic file organization. Use form field values to automatically create named folders in your cloud storage. For the Customer Picnic example, uploads could sort into subfolders by team name, so files from each team end up organized without manual work. If a folder for that value already exists, new uploads go into it, so you don’t end up with duplicates.

Unlimited forms per account. Run one form per event, campaign, or project. Each form has its own destination folder, style, fields, and notifications.

Multiple team members. The Business plan includes up to 20 users with two role types, team owners and team members, so collaborators can access submissions without sharing a single login.

Standalone page option. If you ever need to collect files without the Squarespace embed, say for a one-off campaign or a link shared by email, every form also lives at its own URL that you can share directly.

Frequently Asked Questions

Does Squarespace have a native file upload form?

No. Squarespace’s built-in Form block collects text fields, checkboxes, radio buttons, dropdowns, email, and phone data, but it does not include a file upload field. There’s no Squarespace-made plugin or extension that adds one either. To accept file uploads on a Squarespace site, you embed a third-party tool like EZ File Drop using a Squarespace Embed Block or Code Block.

What Squarespace plan do I need to embed a file upload form?

Squarespace Code Blocks and Embed Blocks support JavaScript and iframes only on paid plans: Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced. JavaScript-based embeds like EZ File Drop will not run on the free trial or any pre-Core plan. If you’re on the Core plan or higher, the embed will work correctly.

Can I use Dropbox File Request on Squarespace instead?

You can paste a Dropbox File Request link into a Squarespace button or form field, but the uploader will leave your Squarespace site to complete the upload on Dropbox’s page. There’s no branding, no custom form fields alongside the files, and the destination is locked to Dropbox. For a branded in-page experience routing to Google Drive, Dropbox, OneDrive, SharePoint, Box, or FTP, an embedded tool like EZ File Drop is the better option.

Where do the files go when someone uploads through an EZ File Drop form on Squarespace?

Files route directly to whichever cloud storage destination you’ve connected in EZ File Drop: Google Drive, Dropbox, OneDrive, SharePoint, Box, or a custom FTP location. You can also organize uploads automatically into named folders based on form field values.

Will the EZ File Drop form match my Squarespace site’s branding?

Yes. On the Business and Premium plans, EZ File Drop lets you upload your logo and customize colors, fonts, button styles, and spacing to match your site, and the form is fully white-labeled with no EZ File Drop branding anywhere on the page or in notification emails.

Getting started

Adding a file upload form to Squarespace comes down to one embed code. Set up a form in EZ File Drop, point it at the cloud storage you already use, and paste the snippet into a Squarespace Embed Block. Visitors upload right on your site, under your branding, and every file lands where you want it.

Start a free 7-day trial and see how quickly you can have a branded file upload form running on your Squarespace site.

Written by Matt Townley